首先,在暑假哒最后一天恭喜我做完作业!(此处应有掌声)

最近发现了一套神器,叫Font Awesome,它可以干嘛用的呢?看看我网站菜单上那诱人哒小图标就知道啦~

Font Awesome 是一款可缩放的矢量图标字库,你可以利用CSS将Font Awesome发挥到极致,包括:大小、颜色、阴影或者其它任何支持的效果。

现在它更新到4.6.3,一共包含了634个样式到小图标

官网地址:http://fontawesome.io/icons/

github地址:https://github.com/FortAwesome/Font-Awesome

中文网站(非官方):http://www.fontawesome.cn/

如何在wordpress菜单上添加图标

1.寻找一个你喜欢的标志

2.复制代码

例如:<i class="fa fa-snapchat-ghost" aria-hidden="true"></i>

 

3.粘贴到外观——菜单里你想要到位置

4.部署font Awesome

 第一种方法:
使用Font Awesome CDN

首先,在http://fontawesome.io/get-started/填写你的邮箱

然后,登陆邮箱,复制代码粘贴到到你网站的 <head> 标签中并保存

你还可以选择注册一下Font Awesome CDN账号,可以更方便地管理小图标~

由于此CDN节点在国外,所以有可能拖慢网站速度!
您可以选择bootCDN提供的服务:http://www.bootcdn.cn/font-awesome/
第二种方法:

如果你是wordpress用户的话,可以使用以下插件

如图设置好,你就可以使用啦

至此,你的网站就可以使用Font Awesome小图标啦

Last modification:January 18th, 2020 at 11:14 am