http://ianfeather.co.uk/ten-reasons-we- ... nt-to-svg/
github就使用一堆octicon,taobao使用iconfont。这些元素兼容不好。
svg的多好。调色,动画。
是不应该使用iconfont
- eexpress
- 帖子: 58428
- 注册时间: 2005-08-14 21:55
- 来自: 长沙
是不应该使用iconfont
● 鸣学
- 枫叶饭团
- 帖子: 14683
- 注册时间: 2010-06-16 1:05
- 系统: Mac OS X
- 来自: Tencent
- 联系:
Re: 是不应该使用iconfont
svg的话,那不就成一个一个文件了?
- eexpress
- 帖子: 58428
- 注册时间: 2005-08-14 21:55
- 来自: 长沙
- luojie-dune
- 帖子: 22033
- 注册时间: 2007-07-30 18:28
- 系统: Linux
- 来自: 空气中
Re: 是不应该使用iconfont
svg 耽误性能。
- eexpress
- 帖子: 58428
- 注册时间: 2005-08-14 21:55
- 来自: 长沙
- luojie-dune
- 帖子: 22033
- 注册时间: 2007-07-30 18:28
- 系统: Linux
- 来自: 空气中
Re: 是不应该使用iconfont
svg 相对而言是请求多,在怎么说也比 font icon 体积大吧。。。
- eexpress
- 帖子: 58428
- 注册时间: 2005-08-14 21:55
- 来自: 长沙
Re: 是不应该使用iconfont
不太可能。相同的要求下,svg可能更小,别忘记他们都是矢量,而且如果用过fontforge,就知道画字符的局限性很大,按照填空的方法来判断显示与否的。而且写入html时候,兼容更容易。
Use an Icon Font if:
Your graphic is very simple
You only need one color
You need to modify some of the attributes via CSS
Use an SVG image if:
You need full color capabilities
You don’t need IE8 support (there are some workarounds to this)
Your image is fairly simple – especially if you are setting it as the background image
Use an Icon Font if:
Your graphic is very simple
You only need one color
You need to modify some of the attributes via CSS
Use an SVG image if:
You need full color capabilities
You don’t need IE8 support (there are some workarounds to this)
Your image is fairly simple – especially if you are setting it as the background image
● 鸣学
-
- 帖子: 1
- 注册时间: 2015-02-11 15:30
- 系统: Mac
Re: 是不应该使用iconfont
你说的是错误的。相同要求字体小很多,即使是压缩后的svgz。我用过FontForge,字体不是你想的那样填空,那是icon的画法。而是用曲线来勾勒字的轮廓。最常用的是贝塞尔曲线。实际应用中用FontForge做一次简化能够在原先的基础上将字体再压缩接近一半。
eexpress 写了:不太可能。相同的要求下,svg可能更小,别忘记他们都是矢量,而且如果用过fontforge,就知道画字符的局限性很大,按照填空的方法来判断显示与否的。而且写入html时候,兼容更容易。
Use an Icon Font if:
Your graphic is very simple
You only need one color
You need to modify some of the attributes via CSS
Use an SVG image if:
You need full color capabilities
You don’t need IE8 support (there are some workarounds to this)
Your image is fairly simple – especially if you are setting it as the background image