今天发现一个很有意思的事情。bootstrap3中的图标,是用字体的形式表示的。即你去看glyphicon glyphicon-xxx的css定义,会找到类似content:”\xxx”的定义,而找不到img的定义。所以,当你需要更改你的图标的大小的时候就很方便了,只需要设置它的font-size就行了。而且这样的好处是,不管你设多大或者多小,它都能正常展示。而不像图片会拉伸或者压缩。
刚好今天也了解到font awesome也是这么干的。并且把图标做成字体然后再使用也将成为一大趋势。
图标字体化趋势
本文介绍了在Bootstrap3和Font Awesome中采用字体而非图片来表示图标的方法。这种方法不仅方便调整图标大小,还能确保图标在任意缩放比例下清晰显示,避免了图片拉伸或压缩的问题。
今天发现一个很有意思的事情。bootstrap3中的图标,是用字体的形式表示的。即你去看glyphicon glyphicon-xxx的css定义,会找到类似content:”\xxx”的定义,而找不到img的定义。所以,当你需要更改你的图标的大小的时候就很方便了,只需要设置它的font-size就行了。而且这样的好处是,不管你设多大或者多小,它都能正常展示。而不像图片会拉伸或者压缩。
刚好今天也了解到font awesome也是这么干的。并且把图标做成字体然后再使用也将成为一大趋势。

被折叠的 条评论
为什么被折叠?