我的经理告诉我不要在我们的网站上使用图标字体,因为它是另一个http请求加上额外的kB下载.另外因为我不得不使用内容之前的字体(我不能更改html),他喜欢背景图像,所以它在IE7中工作.
我个人喜欢小东西,很好,清脆可调！
我得到它,如果我们只使用一些网站上的几个图标,但如果我会使用,说一个网站上的5个图标 – 你们认为什么？它值得使用图标字体,还是他认为它不是吗？
解决方法
图标字体和高密度屏幕
随着更多的高分辨率/密度显示器变得可用,使用图标字体将越来越重要.
16×16px的图标在高密度显示器(> 300ppi)上看起来可怕.由于自动缩放,它可能显示出非常小或不锐化.另一方面,1em字体图标将无论屏幕密度如何,都能正确显示.
它当然都归结于你的
>应用程序用户和
>你的要求(IE7似乎是主要的破产者)
对于现在的精灵是要走的路.
缺点？
图标字体也有不同的问题.所有图标均为单色.没有字体标准尚未具备多色能力.而且可能不会.至少不是字体.可以使用SVG字体进行多种颜色,这些字体本身不是字体标准/格式,但可以是字体容器,并在浏览器中用作字体传送机制.将多色图标作为SVG字体使得可以拥有丰富多彩的可扩展图标(感谢@Joey).
矢量图标图像将更适合全彩色可调整大小的图标.
请求和字体图标
你的老板关于额外要求的论据是错误的.无论您的图标是文件的一部分,还是(最好的情况下)部分精灵图片都不重要.
两者都产生一个HTTP请求来获取资源.文件大小在很大程度上取决于复杂性和格式,但可能是精灵图像会更小.但是有几千个字体大小的文件并没有太大的区别.之后他们都被缓存在客户端上.
