关于前端: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文件中查看