字体图标的应用?
@font-face是CSS3中的一个模块,他主要是把自己定义的web字体嵌入到你的网页中,随着@font-face模块的出现,我们在web的开发中使用字体就不只是限于web的安全字体。即常见的首页小图标,我的小图标,购物车小图标都是以文字式引入到页面中的,这样我们就可以使用font-size来改变图标的大小等。
图标库网址有:阿里巴巴矢量图标库。
通过将矢量图标下载,然后在html中引入该矢量图标的css文件,最后通过调用css文件的class类型即可插入一个字体图标。还能修改color,font-size,text-align等支持文字的属性。