zoukankan      html  css  js  c++  java
  • 浅谈字体小图标font awesome,iconfont,svg各自优缺点

    三种都是矢量图(即放大不失真),但是个自又有个自的优缺点,

    1.font awesome;

      优点:相对比较简单,查看官网看例子基本上都会用 (http://www.bootcss.com/p/font-awesome/)

      缺点:文件较大,影响加载速度  

     注意引用的路径和版本;

    2.inconfont(阿里巴巴矢量图标库);   (个人用的最多的一个

      优点:用几个引几个,不会影响加载速度;

                可以用自己做的svg上传的iconfont自动转换成字体,更加灵活。

       缺点:自己上传svg再下载,需要会做svg,要有一定的作图功底;

                 操作流程繁琐(自己上传的或者官网搜索的-------------- 加入购物车-------- 添加至项目(自己建的项目) -------项目文件下载到本地-------引用到代码中)

    3.svg,(个人认为最好转化为iconfont字体小图标,)

      优点:单个引用,比较灵活;

      缺点:svg代码较长,使页面看起来丑陋;

    qa补充:

      自己上传的icon大小不一,颜色不一?
          颜色统一:上传去除颜色;
         大小统一:制作的时候注意下
     
     
     png 怎么做成的svg ?
           1.保存为eps,然后放到ai里头,保存为svg(ai导出svg)
                  这种svg貌似不能填充,不怎么好用;
           
     
         
     

    未完待续。。。。。。。。。。。。

  • 相关阅读:
    控制语句
    (小程序)接收用户键盘输入
    运算符
    java doc形成注释文档
    linux中rz、sz命令,zip、unzip命令,sqlite3基本操作
    hash应用-加随机盐保存密码
    非对称/对称加密算法,hash算法
    自签名的应用--数字货币
    HTTPS原理
    Django中app的model相互引用问题
  • 原文地址:https://www.cnblogs.com/Julia-Yuan/p/7828548.html
Copyright © 2011-2022 走看看