基本语法
用户工具
站点工具
导航栏
wiki:wordpress:使用font awesome作为菜单icons图标
使用Font Awesome作为菜单Icons图标
1.Wordpress插件支持
使用
示例：
- Add a home icon: <i class=“fa fa-home”></i>
- Add a Facebook icon: <i class=“fa fa-facebook”></i>
2.无插件直接引入使用
下载，原始官网：http://fontawesome.io ；极风游科技支持：http://fontawesome.dashgame.com
引入
复制整个font-awesome文件夹到主题中，在<head>中引用font-awesome.min.css：
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
使用
<a href="#" class="fa fa-trash-o fa-1g"></a>
其中：
- fa -是全局名（代表Font Awesome），必须写在前面;
- fa-trash-0 -是对应的图标名，参考地址: http://fontawesome.io/icons ;
- fa-1g -是指定显示的大小，1g是普通大小并33%递增，放大的有fa-2x 、fa-3x、fa-4x、fa-5x等。
完整示范
<!DOCTYPE html>
<html>
<head>
<title>font icons test</title>
<meta charset="ut-8" />
<link rel="stylesheet" type="text/css" href="font-awesome-4.0.3/css/font-awesome.css" />
<style type="text/css" >
.danger{
display: inline-block;
width: 80px;
height: 30px;
text-align: center;
background: brown;
border-radius: 5px;
font-size: 14px;
line-height: 30px;
text-decoration: none;
color: white;
}
</style>
</head>
<body>
<!--用法一-->
<a class="danger" href="#"><i class="fa fa-trash-o fa-lg"></i>Delete</a>
<!--用法二-->
<i class="fa fa-trash-o fa-2x"></i> Delete
<i class="fa fa-trash-o fa-3x"></i> Delete
<i class="fa fa-trash-o fa-4x"></i> Delete
<!--用法三-->
<a href="#" class="fa fa-trash-o fa-5x"></a>
</body>
</html>
还可以使用 fa-border、 pull-right、pull-left 等语句轻易构造出引用的特殊效果，详情尽在：http://fontawesome.dashgame.com
支付宝扫码打赏 
微信打赏
oeffentlich
