Mis*_*s A 16 css icons icon-fonts
我的经理告诉我不要在我们的网站上使用图标字体,因为它是另一个http请求加上额外的下载KB.另外因为我必须使用content before字体(我不能更改html),他更喜欢背景图像,所以它适用于IE7.
就个人而言,我喜欢这些小东西,非常好,清脆,可调整!
我得到它,如果我们只在网站上使用几个图标,但如果我会使用,在网站上说5个图标 - 你们怎么想？值得使用图标字体还是他认为不是？
我只是一个新的和令人兴奋的吸盘,而今年它是视网膜显示器.
Rob*_*nik 13
随着更高分辨率/密度的显示变得可用,使用图标字体将越来越相关.
甲16×16px图标可以看上的高密度显示器(> 300PPI)可怕.由于自动缩放,它可能显示非常小或不清晰.甲1em另一方面字体图标将正确和急剧无论屏密度的渲染.
它当然归结为你的
现在精灵是要走的路.
图标字体也有不同的问题.所有图标都是单色.还没有具有多色功能的字体标准.它很可能不会.至少不是字体.使用SVG字体进行多色的可能性本身不是字体标准/格式,但可以是字体容器,并在浏览器中用作字体传送机制.将多色图标作为SVG字体,可以获得色彩鲜艳的可缩放图标(感谢@Joey).
矢量化图标图像更适合全彩色可调整图标.
你老板关于额外请求的论点完全是假的.您的图标是文件的一部分还是(最好的情况下)精灵图像的一部分并不重要.
两者都产生HTTP请求以获取资源.文件大小在很大程度上取决于复杂性和格式,但精灵图像可能会更小.但是拥有几公斤更大的字体文件并没有太大的区别.之后他们都会被缓存在客户端上.
我个人使用Font Awesome作为我的主要字体资源,在我的情况下,我从CDN中加载它使用它已经获取它的其他页面,这是由浏览器缓存的.
如果文件大小是一个问题,我可以向您推荐这个令人难以置信的令人敬畏的工具
它允许您将多个字体合并为一个文件,并且仅包含您实际使用的图标.
http://www.icnfnt.com/为fontawesome做同样的事,但我有点像fontello,因为它允许使用更多的字体.
在我看来,图标字体是诚实的方式......
编辑我最近也使用这个应用程序:http://icomoon.io/
vec*_*tor -1
他是对的。在这种情况下我会使用 css sprites。如果你必须支持 ie7（我很抱歉）你真的没有任何选择。自己探索这些东西——当然，你永远不知道什么会派上用场或什么时候派上用场。