説明

Elusive Iconfont is a pictographic font set of 270+ icons. The icons are infinitely scalable and screen reader compatible.

A full list of the 270+ Elusive Iconfont icons is available: http://aristath.github.com/elusive-iconfont/index.html

To use any of the Elusive Iconfont icons on your WordPress site you have two options:

HTML Option

All code examples on the Elusive Iconfont site apply: http://aristath.github.com/elusive-iconfont/index.html

Examples

Pencil icon

<i class="icon-pencil"></i>

Phone icon

<i class="icon-phone"></i>

Chevron left icon

<i class="icon-chevron-left"></i>

Shortcode Option

Don’t want to worry about HTML tags? You can use the shortcode generator to insert the incons in your posts, pages and even widgets to display a Elusive Iconfont icon.

The shortcode generated will look like this >> [icon name=icon-github size=icon-2x align=pull-left color=icon-maroon] depending on your selections.

To generate the shortcode simply look for the Flag icon on your post/page editor and click to launch the generator window, make your selections and click the Insert Elusive Iconfont and you are done.

At this point click the Preview Post/Page button to see the result and when you are happy save your work and the plugin will take care of displaying it on the frontend.

Credits

• Elusive Iconfont webfont and associated code are a production of @aristath, by Aristeides Stathopoulos. (http://aristath.github.com/elusive-iconfont/index.html)
• The Elusive Iconfont is licenced under the terms of the SIL – Open Font Licence (http://www.tldrlegal.com/license/open-font-license-%28ofl%29)

Contributors Welcome

• Submit a pull request on Github

Support Us

• If you use and enjoy this plugin please rate and vote for it – thanks 🙂

Author

• Zulfikar Nore

Icons

Donations

We greatly welcome all donations towards this project – if you use and like this plugin please consider making a small donation to keep the project going.

Donate here: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=GRDP6F3HRWHUW

[icon name=icon-pencil]

<i class="icon-pencil"></i>