用过Bootstrap字体图符的小伙伴肯定很熟悉字体图符的便利，不管是在加载还是修改方面，字体图符远远优于图片。但是饿了吗封装的Element UI提供的字体图符少之又少，又不想用图片，只能自己扩展图符咯。
Font Awesome 提供了675个可缩放的矢量图标，可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。还有很多优点不一一举例，可自行查看文档：http://fontawesome.dashgame.com/
使用npm或cnpm安装 font-awesome
cnpm install font-awesome --save
引入font-awesome
在mani.js文件中引入 font-awesome
import 'font-awesome/scss/font-awesome.scss'
然后再你要用到的地方使用
<span class="fa fa-camera-retro fa-lg"></span>
《Font Awesome》 用过Bootstrap字体图符的小伙伴肯定很熟悉字体图符的便利，不管是在加载还是修改...
Font Awesome 字体图标 Font Awesome 为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影...
什么是Font Awesome？ [Font Awesome][fontawesome] 是一款开源的字体图标库，...
常用的字体图标 [阿里字体图标库]http://iconfont.cn/ [Font Awesome]http:/...
Font Awesome是为TwitterBootstrap设计的图标字体。通过Web Font的方式来显示一些图...
杂记1、图标字体：http://www.bootcss.com/p/font-awesome/#integrati...
对font-awesome的理解： font-awesome和很多其他矢量字体图标一样，可以用在各响应式和移动端网...
在bootstrap框架的使用中，字体图标必不可少，Font Awesome 一套绝佳的图标字体库和CSS框架，值...
Font Awesome 是一套完美的图标字体,主要目的是和 Bootstrap 搭配使用 http://font...
FontAwesom——图标 最简单的使用方式：在head引入 使用： 详情参见Font Awesome 中文Fo...
本文标题：Vue-css字体图标引入 Font Awesome
本文链接：https://www.haomeiwen.com/subject/gpebbqtx.html
网友评论