四、第三方图标库

1.使用第三方图标库

用过Element的人都知道，Element UI提供的字体图符少之又少，实在不够用，幸好现在有不少丰富的第三方图标库可用，引入也不会很麻烦。

2.Font Awesome

Font Awesome提供了675个可缩放的矢量图标， 可以使用CSS所提供的所有特性对它们进行更改，包括大小、颜色、阴影或者其他任何支持的效果.
Font Awesome 5跟之前的版本使用方式差别较大， 功能是强大了， 图标也更丰富了， 但使用也变得更加复杂了。
若是需求没那么复杂，只要简单的有图标可用就行了，还是之前的版本、安装容易、使用简单。
网上相关介绍很多，这里就不废话了，更多详情可参见官方信息，网址为http//fontawesome.dashgame.com/。
2.1 安装依赖

执行yarn add font-awesome命令，安装font-awesome依赖。

2.2 项目引入

在项目main.js中引入css依赖，可执行import ‘font-awesome/css/font-awesome.min.css’命令

2.3 页面使用

项目引入之后，直接在页面使用就可以了。

就是这么简单，好用！

另外，还可以选择CDN方式、下载方式等，这里就不说了，有兴趣的可自行查阅。

官网：http://fontawesome.dashgame.com/

教程：https://fontawesome.com/how-to-use

标签：图标库,awesome,fontawesome,font,com,第三方,css
来源： https://www.cnblogs.com/xc-xinxue/p/12527956.html