Changes

FontAwesome (view source)

Revision as of 13:35, 17 November 2016

305 bytes added , 13:35, 17 November 2016

no edit summary

So you want a rocket on your page to show how awesome your stuff is. Something like this: http://fontawesome.io/icon/rocket/

If your wiki supports Font Awesome, then it's as easy as

Is That is how to show a '''Font Awesome''' icon, pulled to the left, 5x bigger than normal, and explicitly telling screen readers to ignore the item as decorative.<i class="fa fa-pull-left fa-5x fa-rocket" aria-hidden="true"></i>

If your wiki uses a theme like [[mw:Skin:Foreground|Foreground]] (FontAwesome 4.3) or [[Chameleon]] that is bootstrap compatible, then you can also mix-in layouts like this (won't work with Vector):

== Bootstrap Example ==

We specialize in

<div><i class="fa fa-pull-left fa-5x fa-wordpress" aria-hidden="true"></i>Websites that are simple to use</div><div><i class="fa fa-pull-left fa-5x fa-wikipedia-w" aria-hidden="true"></i>Collaboration / Data / Knowledge / Publishing / Docs systems</div><div><i class="fa fa-pull-left fa-5x fa-drupal" aria-hidden="true"></i>Web Applications</div><div><i class="fa fa-pull-left fa-5x fa-~~sprockets~~sprocket" aria-hidden="true"></i>Development Operations</div>

Freephile

Bureaucrats, confirmed, Administrators

4,558

edits