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

之前在《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>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端新视界

构建通用的 React 和 Node 应用

原文:Build a universal React and Node App 演示:https://judo-heroes.herokuapp.com/ 译者...

33070
来自专栏守望轩

Visual Studio 2008 每日提示(一)

Visual Studio 2008 每日提示(tip of day )是2007年7月Sara Ford在她的博客里推出了VS 2008每日提示系列,里面收集...

38270
来自专栏沈唁志

纯代码给 WordPress 文章编辑器上增加 Prism.js 代码高亮的快捷按钮

之前发过文章说过:使用 Prism.js 实现漂亮的代码语法高亮,本博客也使用的是它

15710
来自专栏林德熙的博客

WPF 高性能笔

如果需要经过路由事件才收到输入,如果有人在路由事件做了很多需要很长事件的代码,那么等待用户的路由事件就会使用很长的时间。

11540
来自专栏我和未来有约会

SplashScreenSource的妙用

默认初始屏幕体验 在托管 API 下为 Silverlight 定义的默认体验是:超出某一时间阈值(约为 0.5 秒)的任何加载都将在内容区域中显示基于 XA...

18960
来自专栏编程微刊

Vue.js如何划分组件

21310
来自专栏IMWeb前端团队

基于vue2.0+vuex+localStorage开发的本地记事本

本文采用vue2.0+vuex+localStorage+sass+webpack,实现一个本地存储的记事本。兼容PC端和移动端。 在线预览地址:DEMO 功能...

30560
来自专栏做全栈攻城狮

Windows桌面软件开发-Winform桌面客户端开发神器

这是小白学习软件开发系列课程,旨在帮助对电脑编程感兴趣的朋友学习并熟悉C#技术。其中基础部分已经讲解完毕,可以查看:C#入门教程(一)–.Net平台技术介绍、C...

54110
来自专栏jeremy的技术点滴

atom-shell_mac版应用打包

41760
来自专栏更流畅、简洁的软件开发方式

【小试身手】几个自定义控件的组合应用,实现简单的“增删改查”功能(有源码)

     分页控件、查询控件、显示数据的控件和表单控件,终于把这几个控件结合在一起了,和在一起之后就可以让“增删改查”变的非常的简单和容易了,当然还需要数据访问...

24890

扫码关注云+社区

领取腾讯云代金券