由于浏览器的兼容问题，很多文本样式在不同浏览器中可能显示不出期待的效果；阿里字体解决了绝大部分浏览器的兼容问题，在各大浏览器都兼容
一、登录阿里字体官网
iconfont-阿里巴巴矢量图标库
在搜索栏中搜索想要的图标或字体，加入购入车，添加至项目，在项目中找到添加的图标或字体，下载到本地（解决无网络显示问题，在线链接必须在有网络状态下才能实现显示）
解压打开后，可将无用的文件删除，节约空间
例：
二、将文件夹导入到自己的项目文件中
根据需要重新命名自己的文件夹名称
引入文件夹中的iconfont.css样式，可以在html文档中使用link标签引用
在自己创建的div中，在class里面加入图标代码（一般选中font class）
同时，在class中引用该代码前必须加入iconfont
最后可以把iconfont后面的作为选择器名称，根据需要给该图标或字体添加样式
三、添加样式
在没添加样式之前，阿里字体默认具有一定的css，并且优先级最高（!important）
所以在添加样式时，每一句样式后面要添加优先级设定，即!important，才会显示效果。
支付宝扫一扫
微信扫一扫
