Difference between revisions of "QualityBox"

From Freephile Wiki
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:<br /><br />
+
Is how to show a '''Font Awesome''' icon. Which looks like this: <i class="fa fa-rocket" aria-hidden="true" style="size:4em;">  
  
<span><i class="fa fa-rocket" aria-hidden="true"></span>
+
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. OOjs UI icon edit-ltr.svg. 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.