Vue 第三方字体图标引入 Font Awesome
2018-03-21 13:30
411 查看
Font Awesome
用过Bootstrap字体图符的小伙伴肯定很熟悉字体图符的便利,不管是在加载还是修改方面,字体图符远远优于图片。但是饿了吗封装的Element UI提供的字体图符少之又少,又不想用图片,只能自己扩展图符咯。Font Awesome 提供了675个可缩放的矢量图标,可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。还有很多优点不一一举例,可自行查看文档:http://fontawesome.dashgame.com/
npm 安装 font-awesome
npm install font-awesome --save-dev
font-awesome引入
在mani.js文件中引入 font-awesome
import 'font-awesome/scss/font-awesome.scss'
然后在组件中使用即可实现:
<span class="fa fa-camera-retro fa-lg"></span>
相关文章推荐
- Vue 第三方字体图标引入 Font Awesome的方法
- vue中引入第三方字体图标库iconfont,及iconfont引入彩色图标
- vuejs搭建的项目如何引入图标字体
- vue引入第三方图标库
- 解决vue 项目引入字体图标报错、不显示等问题
- vue 外部字体图标使用,无须绝对路径引入办法
- 【Vue】 element ui 引入第三方图标
- android如何引入第三方字体
- Vue 项目 引入第三方饿了吗组件(ElementUI)
- Vue+Webpack引入Jquery第三方插件,jQuery is not defined 错误,解决方案
- 微信小程序 如何引入外部字体库iconfont的图标
- vue-cli 引入mui时,生成项目mui的字体无法显示
- 图标字体制作 -- 将SVG制作成图标字体文件,通过引入使用
- Vue 引入 icon 图标
- vue之图标字体制作
- 为bootstrap创造的图标字体--font awesome
- vue-cli创建的项目中引入第三方库报错 'caller', 'calle', and 'arguments' properties may not be...
- vue引入第三方zepto.js库报错
- vue之placeholder中引用字体图标
- vue中如何引入第三方库