关于前端:Vue项目使用字体图标库

Vue 我的项目中应用Font Awesome 字体图标库

1. 下载字体图标库，将下载的文件放在 Vue 我的项目的 assets/fonts 目录下

2. 引入字体图标

• 形式一：在 html 的 head 中间接通过 link引入

   <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

• 形式二：在 mian.js 中通过 import 引入，留神：css less scss 须要别离引入对应文件的 css 文件，不能应用同一个文件，可依据 https://fontawesome.dashgame…. 参考。

Vue 我的项目中应用 阿里字体图标库

1. 下载字体图标，抉择好本人须要的字体图标后，点击下载代码

2. 解压后将文件夹放在我的项目中 assets/fonts中

3. 在 Vue 我的项目入口文件 main.js 中导入字体图标款式 iconfont.css

4. 在须要的中央间接应用

留神：如果不晓得字体图标的名字能够到 iconfont.json 文件中查看