Genericons:又一个Icon Fonts 集合项目( Automattic出品)

时间:2022-04-23
本文章向大家介绍Genericons:又一个Icon Fonts 集合项目( Automattic出品),主要内容包括Genericons简介、Genericons 之项目引用、基本概念、基础应用、原理机制和需要注意的事项等,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。

之前在《WordPress 开发之使用WordPress 3.8+后台图标(dashicons)》一文中介绍过WordPress 的一个Icon Fonts 项目Dashicons。现在WordPress 的母公司Automattic 也出来个类似的项目Genericons,连项目主页都差不多。

Genericons简介

Icon Font ,或者说Web font是什么不用说了,还不懂的请自行补脑。Genericons是由官网WordPress 的母公司Automattic 开发的一个Icon Font 项目,类似的有Fontello、Font Awesome。

Genericons官网:http://genericons.com

Genericons 之项目引用

针对WordPress 开发者或者独立项目中使用Genericons ,用法跟《WordPress 开发之使用WordPress 3.8+后台图标(dashicons)》中的方法一样,请自行使用之。

针对WordPress 用户,官方出了个插件 Genericon’d,可以借此比较方便在写文章中使用。

该插件使用方法如下:

1、在文章时候为相关选择器使用类似  class= "genericond genericon genericon-tablet"的代码:

<a class="genericond genericon genericon-tablet" href="http://devework.com/"> 啦啦啦啦啦拉了拉!</a> <a href="http://devework.com/"><i class="genericond genericon genericon-tablet"></i> 啦啦啦啦啦拉了拉!</a>

或者可以直接使用短代码:

<a href="http://devework.com/">[genericon icon=tablet] 啦啦啦啦啦拉了拉!</a>