vux 使用 font-awesome

1）XIcon 太多坑，不好用，无奈之下，搞了一下 font-awesome

2）下载 font-awesome 源码，并放置到根目录/src 目录下，传送门：http://fontawesome.dashgame.com/

3）在 main.js 里声明引入 font-awesome

import 'font-awesome/css/font-awesome.min.css'

4）使用

<i class="fa fa-commenting-o"></i>

注：fa 是固定需要的 class，后面的图标名到网站上查找并复制就好，传送门：http://fontawesome.dashgame.com/

5）修改图标样式

font-awesome 的图标属于字符图标，想当于文字，可以直接使用 css 来控制，例如：

.fa-commenting-o{color: #4a4a4a; font-size: 18px;}

完

vux 使用 font-awesome相关推荐

火狐自定义字体失败 downloadable font: no supported format found
Bootstrap+AdminLTE搭起来的服务,突然字体图标都访问不了了,报错如下: 解决办法1:FontAwesome官网找解决办法,不引用本地的css,直接引用官网建议的地址 <scrip ...
Flutter中集成Font Awesome
1.添加引用在 pubspec.yaml文件中,加入 font awesome的引用 1 dependencies: 2 flutter: 3 sdk: flutter 4 5 # The foll ...
CSS文字文本样式（font字体、css外观属性）
1. font字体 1.1. font-size:大小作用:font-size属性用于设置字号. p { font-size:20px; } 单位: 可以使用相对长度单位,也可以使用绝对长度单位. ...
vue2.0 + vux （五）api接口封装及首页轮播图制作
1.安装 jquery 和 whatwg-fetch (优雅的异步请求API) npm install jquery --save npm install whatwg-fetch --save 2. ...
html页面调用ico图标,如何在HTML中使用图标字体 - icon font?
日期:2012-8-27 来源:GBin1.com 在线演示本地下载主要特性使用icon font来生成图标相对于基于图片的图标来说,有如下的好处: 自由的变化大小自由的修改颜色添加阴影 ...
html编写的过程中，为什么font设置属性的时候，第二个属性不起作用
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> < ...
RuntimeWarning:Glyph 21435 missing from current font.
RuntimeWarning:Glyph 21435 missing from current font. 目录 RuntimeWarning:Glyph 21435 missing from cur ...
Bitmap Font 报错“characters from the file are not available in the font”解决办法
出现这种情况的主要原因是因为Bitmap Font中设置的字体编码格式与TXT文本的编码格式不一致,知道原因,问题就迎刃而解了方法一:√ Bitmap默认编码格式为Unicode,将TXT文本编码也 ...
Font from origin 'http://apps.bdimg.com' has been blocked
1.1.1 现象原来使用百度CDN上的bootstrap 3.0.3,升级到3.3.4后即出现如下错误: Font from origin 'http://apps.bdimg.com' has b ...
Css Font 详细研究
2019独角兽企业重金招聘Python工程师标准>>> 在设计自己博客主页的时候想修改下字体,结果发现自己对字体(css font)的了解只是一知半解,属于翻书医生的水平,呵呵.就细 ...

vux 使用 font-awesome

vux 使用 font-awesome相关推荐

最新文章

热门文章