DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:fontawesome

fontawesome Plugin

Compatible with DokuWiki

Weatherwax, Hrun, Detritus

plugin Embed Font Awesome icons

Last updated on
2013-10-10
Provides
Syntax
Repository
Source

This extension has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues.

Similar to icons

Tagged with fontawesome, icons

Installation

:!: External requirements: This plugin requires the following additional components that must be installed separately:

Search and install the plugin using the Extension Manager. Refer to Plugins on how to install plugins manually.

Examples/Usage

With FontAwesome >= 4.0:

<faicon fa fa-phone>

With FontAwesome < 4.0:

<faicon icon-phone>

Change Log

Known Bugs and Issues

  • Have to use different syntax for different versions of Font Awesome

ToDo/Wish List

  • Wish: some kind of selection menu/dropdown would be nice

FAQ

Discussion

Adding color through CSS

The following simple all.css file lets change color.

/********************************************************************
  Screen and Print Styles for the FontAwsome Plugin
********************************************************************/
 
/* color class for fontawsome */
.dokuwiki  .fa-black { color:black;}
.dokuwiki  .fa-green { color:green;}
.dokuwiki  .fa-blue { color:blue;}
.dokuwiki  .fa-yellow { color:yellow;}
.dokuwiki .fa-red{ color:red;}
.dokuwiki  .fa-cyan  { color:cyan;}

Now you can use this plugin like below

<faicon fa fa-google-plus fa-green>

in that the color changed to green. You can add any color as you like by extending the above all.cssatronoush 2015-09-17 13:05

plugin/fontawesome.txt · Last modified: 2018-05-29 23:20 by Klap-in

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki