利用Font Awesome为网页添加图标

Font Awesome 是一套专门为 Twitter Boostrap 设计的图标字体库。这套图标字体集几乎囊括了网页中可能用到的所有图标,除了包括 Twitter Boostrap 的默认图标外,还有社交网络图标、Web 应用程序图标和编辑器图标等等,可以免费用于商业项目。

font-awesome

主要特色:

使用方法:

下载Font Awesome

解压下载的文件,放至一定目录,通过css引入使用。

例如:本博客的菜单列表前置图标就是通过该字体库达到的;

wp-menu

首先在header.php中引入,我是将上述文件放在主题目录下的,因此引入代码为:

 /font-awesome/css/font-awesome.min.css?ver=4.0.1' type='text/css' media='all' />

然后在wordpress后台-菜单编辑中设置某个菜单比如首页的导航标签属性为:

首页

font-awesome各种图标具体css类见官网