CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – 图标字体对图像大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我的经理告诉我不要在我们的网站上使用图标字体,因为它是另一个http请求加上额外的kB下载.另外因为我不得不使用内容之前的字体(我不能更改html),他喜欢背景图像,所以它在IE7中工作.

我个人喜欢小东西,很好,清脆可调!

我得到它,如果我们只使用一些网站上的几个图标,但如果我会使用,说一个网站上的5个图标 – 你们认为什么?它值得使用图标字体,还是他认为它不是吗?

我只是一个吸引人的任何新的和令人兴奋的,今年是视网膜显示.

解决方法

图标字体和高密度屏幕

随着更多的高分辨率/密度显示器变得可用,使用图标字体将越来越重要.

16×16px的图标在高密度显示器(> 300ppi)上看起来可怕.由于自动缩放,它可能显示出非常小或不锐化.另一方面,1em字体图标将无论屏幕密度如何,都能正确显示.

它当然都归结于你的

>应用程序用户和
>你的要求(IE7似乎是主要的破产者)

对于现在的精灵是要走的路.

缺点?

图标字体也有不同的问题.所有图标均为单色.没有字体标准尚未具备多色能力.而且可能不会.至少不是字体.可以使用SVG字体进行多种颜色,这些字体本身不是字体标准/格式,但可以是字体容器,并在浏览器中用作字体传送机制.将多色图标作为SVG字体使得可以拥有丰富多彩的可扩展图标(感谢@Joey).

矢量图标图像将更适合全彩色可调整大小的图标.

请求和字体图标

你的老板关于额外要求的论据是错误的.无论您的图标是文件的一部分,还是(最好的情况下)部分精灵图片都不重要.

两者都产生一个http请求来获取资源.文件大小在很大程度上取决于复杂性和格式,但可能是精灵图像会更小.但是有几千个字体大小的文件并没有太大的区别.之后他们都被缓存在客户端上.

大佬总结

以上是大佬教程为你收集整理的css – 图标字体对图像全部内容,希望文章能够帮你解决css – 图标字体对图像所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。