Difference between revisions of "QualityBox"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
+ | == Font Awesome == | ||
<pre><i class="fa fa-rocket" aria-hidden="true"></i></pre> | <pre><i class="fa fa-rocket" aria-hidden="true"></i></pre> | ||
− | Is how to show a '''Font Awesome''' icon. Which looks like this:< | + | Is how to show a '''Font Awesome''' icon. Which looks like this: <i class="fa fa-rocket" aria-hidden="true" style="size:4em;"> |
− | < | + | But there is a dependency and some bugs. Font Awesome only seems to work if there is an actual image on the page. For example, this is an edit icon from a normal svg file. [[Image:Edit icon.svg|30px]]. Remove that and your Font Awesome icon will disappear. And FA doesn't work if I close the tag properly. And the '''i''' element is duplicated if you put a br tag near it. Note: the image file doesn't even have to exist, it's just that the image processing code is not called unless there is a <nowiki>[[File:]]</nowiki> tag in the wikitext. |
Revision as of 09:58, 16 November 2016
Font Awesome[edit | edit source]
<i class="fa fa-rocket" aria-hidden="true"></i>
Is how to show a Font Awesome icon. Which looks like this:
But there is a dependency and some bugs. Font Awesome only seems to work if there is an actual image on the page. For example, this is an edit icon from a normal svg file. . Remove that and your Font Awesome icon will disappear. And FA doesn't work if I close the tag properly. And the i element is duplicated if you put a br tag near it. Note: the image file doesn't even have to exist, it's just that the image processing code is not called unless there is a [[File:]] tag in the wikitext.