Changes

FontAwesome (view source)

Revision as of 11:36, 17 November 2016

1,471 bytes added , 11:36, 17 November 2016

add bootstrap example

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>

== Bootstrap Example ==

One of three columns

</div>

Two of three columns

</div>

Three of three columns

</div>

</div>

Coffee

</div>

I love coffee!!!

</div>

</div>

cloud

</div>

Cloud deployment means instantly available and scalable. We can also do on-premise / local installations to meet your custom requirements.

</div>

</div>

Blocks

</div>

All the pieces are put together for you. NO assembly required!

</div>

=== Getting it ===

# Sign up for a unique embed codeat the fontawesome website.

# Add the script source to your wiki by editing the [[MediaWiki:Common.js]] file where you add a call to 'load' the external script <code><nowiki>mw.loader.load('//use.fontawesome.com/14c71d3de0.js');</nowiki></code>

# Insert the <code><nowiki><i></nowiki></code> tags where ever you want. Note that there are various sizes pre-defined as fa-1 (smallest) to fa-6 (largest)

== More ==

# Check http://fontawesome.io/examples/

# http://fontawesome.io/icons/ The icons (Note there is a new kickstarter for a Pro product https://www.kickstarter.com/projects/232193852/font-awesome-5)

# https://cdn.fontawesome.com/help#qa-icons-code

# https://stackoverflow.com/questions/tagged/font-awesome

Freephile

Bureaucrats, confirmed, Administrators

4,558

edits