flydust的博客

【安利】Font Awesome——风靡全球的图标字体库和CSS框架

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

最近发现了一套神器,叫Font Awesome,它可以干嘛用的呢?看看我网站菜单上那诱人哒小图标就知道啦~《【安利】Font Awesome——风靡全球的图标字体库和CSS框架》

Font Awesome 是一款可缩放的矢量图标字库,你可以利用CSS将Font Awesome发挥到极致,包括:大小、颜色、阴影或者其它任何支持的效果。《【安利】Font Awesome——风靡全球的图标字体库和CSS框架》

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

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

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

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

如何在wordpress菜单上添加图标

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

《【安利】Font Awesome——风靡全球的图标字体库和CSS框架》

2.复制代码

例如:<i class=”fa fa-snapchat-ghost” aria-hidden=”true”></i>《【安利】Font Awesome——风靡全球的图标字体库和CSS框架》

 

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

《【安利】Font Awesome——风靡全球的图标字体库和CSS框架》

4.部署font Awesome

 第一种方法:
使用Font Awesome CDN

首先,在http://fontawesome.io/get-started/填写你的邮箱《【安利】Font Awesome——风靡全球的图标字体库和CSS框架》

《【安利】Font Awesome——风靡全球的图标字体库和CSS框架》

然后,登陆邮箱,复制代码粘贴到到你网站的 <head> 标签中并保存《【安利】Font Awesome——风靡全球的图标字体库和CSS框架》

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

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

如果你是wordpress用户的话,可以使用以下插件《【安利】Font Awesome——风靡全球的图标字体库和CSS框架》

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

《【安利】Font Awesome——风靡全球的图标字体库和CSS框架》

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

点赞
  1. Kiersten说道:

    Saved as a favorite, I like your web site! http://yahoo.co.uk

    1. flydust说道:

      Many thanks.

发表评论

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