图标字体Font Awesome的使用方法

什么是Font Awesome

Font Awesome 是一种图标字体,提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。

效果如顶栏所示

使用方法

1.下载所需要的字体,CSS文件

下载地址

2.将字体文件和CSS文件复制到主题目录内

3.在页面<head>处加载CSS

<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">

4.挑选图标后,在需要使用的地方加入<i>标签

<i class="fa fa-图标名称 fa-fw"></i>

 

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注