共计 466 个字符,预计需要花费 2 分钟才能阅读完成。
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
文件中查看
正文完