字体图标--Font Awesome
2017-02-15 10:59
169 查看
Font Awesome官网:http://www.thinkcmf.com/font
2.在
在官网中分类去找需要的图标,例如方向图标:
跟使用Bootstrap字体图标差不多。
step1.下载并页面引入文件
1.下载Font Awesome最新安装包.2.在
<head>标签 里, 引入 font-awesome.min.css.
<link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css">
step2.根据需要引入图标
例如:<i class="fa fa-chevron-down">class类第一个是“fa”,不能只写后面的“fa-chevron-down”字体图标显示不出来。
在官网中分类去找需要的图标,例如方向图标:
step3.具体如何使用
官网中Font Awesome例子查看具体使用情况。跟使用Bootstrap字体图标差不多。
相关文章推荐
- CSS网页使用Font Awesome图标字体时,css定义 content 属性
- Font Awesome:精心打造的 Twitter Boostrap 矢量字体图标
- 使用图标字体Font Awesome
- font-face引用字体跨域导致font awesome图标无法正常显示
- 为bootstrap创造的图标字体--font awesome
- 如何应用font Awesome矢量字体图标介绍
- 有了Font Awesome,再也不担心没图标用了----Font Awesome字体图标在android中的使用
- Font Awesome字体图标
- 浅谈字体小图标font awesome,iconfont,svg各自优缺点
- 如何应用Font Awesome矢量字体图标
- Font Awesome-一款吊炸天的字体图标插件中文全介绍
- Font Awesome 4.0.3 提供了369个网页常用的矢量字体图标,新浪、人人 的矢量图标也到其中哟
- font awesome 字体冲突 图标无法显示
- 矢量图标,图标字体的使用,font awesome
- 为网站文字前面添加图标 在线调用 Font Awesome 字体icon小图标 美化网站
- Vue 第三方字体图标引入 Font Awesome的方法
- 网页使用Font Awesome图标字体时,css定义 content 属性
- Vue 第三方字体图标引入 Font Awesome
- Font Awesome图标字体使用
- Font Awesome 字体的以及 图标的使用总结