由于浏览器的兼容问题，很多文本样式在不同浏览器中可能显示不出期待的效果；阿里字体解决了绝大部分浏览器的兼容问题，在各大浏览器都兼容

一、登录阿里字体官网

iconfont-阿里巴巴矢量图标库

在搜索栏中搜索想要的图标或字体，加入购入车，添加至项目，在项目中找到添加的图标或字体，下载到本地（解决无网络显示问题，在线链接必须在有网络状态下才能实现显示）

解压打开后，可将无用的文件删除，节约空间

例：

 二、将文件夹导入到自己的项目文件中

根据需要重新命名自己的文件夹名称

引入文件夹中的iconfont.css样式，可以在html文档中使用link标签引用

 在自己创建的div中，在class里面加入图标代码（一般选中font class）

 同时，在class中引用该代码前必须加入iconfont 

最后可以把iconfont后面的作为选择器名称，根据需要给该图标或字体添加样式

三、添加样式

在没添加样式之前，阿里字体默认具有一定的css，并且优先级最高（!important） 

所以在添加样式时，每一句样式后面要添加优先级设定，即!important，才会显示效果。