A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 战行者 于 2018-9-25 18:08 编辑

        网站中有很多图标,一般人的选择是使用图片,但是每张图片会对服务器进行一次请求,容易加大服务器的负荷,若使用精灵图的话,又会加大html图片资源的内存,弊端同样很明显,所以在网站制作中,对于这些小图标最好是使用字体图标(也就是将图标作为字体使用)。

        设计师制作字体图标很耗费时间并且不可能罗列所有图标,所以一般情况都是使用第三方提供的图标库。有很多开源的图标库,例如:Font Awesome阿里巴巴的字体图标,最常用的是阿里巴巴的。


使用步骤:
​        1.将需要的图标添加入库       
               
         
​       2.将添加入库的图标加入项目
               
           
​        3.下载至本地       
            
​        4.引入核心css文件          
          <link rel="stylesheet" href="font/iconfont.css" /><!-- 引入核心css文件 -->
​        5.在标签中加类名即可
           <i class="iconfont icon-gouwuchekong"></i><!-- 在标签中添加类名,任意标签都可以 -->      
             
        

4 个回复

倒序浏览
回复 使用道具 举报
回复 使用道具 举报
毕业后找到自己理想的工作
回复 使用道具 举报
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马