FANDOM


Languages: English | 中文

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

Font Awesome licensed under SIL OFL 1.1 · Code licensed under MIT License · Documentation licensed under CC BY 3.0.

Installation

Put the CSS code on your MediaWiki:Common.css or MediaWiki:Wikia.css at the very top, before anything else:

@import "http://dev.wikia.com/index.php?title=FontAwesome/code.css&action=raw&ctype=text/css";

Note, some wikis have MediaWiki:Common.css and MediaWiki:Wikia.css loaded in the oasis skin in which case this needs to be at the top of MediaWiki:Common.css. Adding it to MediaWiki:Wikia.css will not work.

Or place this code on MediaWiki:Common.js:

importArticles({
    type: "style",
    articles: [
        "w:c:dev:FontAwesome/code.css"
    ]
});

Features

  • One Font, 675 Icons
  • No JavaScript Required
  • Infinite Scalability
  • Free, as in Speech
  • CSS Control
  • Perfect on Retina Displays
  • Plays Well with Others
  • Desktop Friendly
  • Accessibility-minded

Using FontAwesome

insert a <span> tag with fa class. Example:

<span class="fa"></span>

Insert icon class... List on Font Awesome.io. Example:

<span class="fa fa-camera"></span>

Styling:

<span class="fa fa-camera" style="font-size:30px;color:green"></span>

History

Version Icons Update Date Updated by
4.7.0 675 May 11, 2017 DarthKitty
4.6.3 634 October 6, 2016 DarthKitty
4.5.0 605 December 14, 2015 Jose Buelvas
4.4.0 585 July 31, 2015 Jose Buelvas
4.3.0 519 February 10, 2015 Jose Buelvas
4.2.0 479 September 4, 2014 Jose Buelvas
4.1.0 439 May 15, 2014 Jose Buelvas
4.0.3 369 May 5, 2014 Jose Buelvas

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.