Difference between revisions of "QualityBox"
Jump to navigation
Jump to search
(12 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
− | + | == Font Awesome == | |
− | + | <pre><i class="fa fa-rocket" aria-hidden="true"></i></pre> | |
− | < | ||
− | |||
− | + | 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 10: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.