字体图标--Font Awesome

来源:互联网 发布:4g移动网络接入点设置 编辑:程序博客网 时间:2024/05/18 01:16

Font Awesome官网:http://www.thinkcmf.com/font

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字体图标差不多。

0 0
原创粉丝点击