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 |