字体图标iconfont

字体图标是一种轻量级的解决方案,它们比图像小,能快速渲染,减少服务器请求,且支持所有浏览器。使用步骤包括下载字体文件,将其引入HTML页面,设置font-family属性。要添加新图标,可以更新selection.json并重新下载替换原有文件。
摘要由CSDN通过智能技术生成

1.它展示的是图标,但属于字体。

2.它是轻量级,比图像小,一加载就马上渲染,减少服务器请求,本质是文字,支持所有浏览器。

3.使用:

(1)字体图标的下载

(2)字体图标的引入(引入html页面)

①把下载包里fonts文件夹放入页面根目录下(下载完后里面的原先文件不要删)。

字体文件格式:不同浏览器所支持字体格式不一样,字体图标之所以兼容,是因为包含主流浏览器支持的字体文件。

也可以在style.css中复制粘贴引入,然后打开demo.html文件复制需要的图标后面的方块到body中,字体格式设为font-famliy='icomoon' 

(3)字体图标的追加(添加新的小图标)

把压缩包中selection.json重新上传,然后选择自己想要的新的图标,重新下载压缩包,并替换原来的文件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值