Extension talk:FontAwesome

Jump to navigation Jump to search

About this board

Summary by Kghbln

Reported with FontAwesome issue 4 which was resolved. The problem was created by local CSS. (talkcontribs)

I tried


and the same with facebook, but they did not show up in my present version (1.0).

Files for fonts (extenstions/FontAwesome/.../webfonts/fa-brands-400-eot etc.) seem to be present though.

Other icons such as "far:times" do work. (talkcontribs)

Following the install instructions only partially works. You do get the Templates loaded but there are essentially ZERO instructions on how to use the Templates.

So after you have FontAwesome installed, add the following to your Common.css at the very top

@import "/<YOUR MW DIRECTORY>/extensions/FontAwesome/res/fontawesome/css/all.min.css";

And then all of the instructions on the FontAwesome pages will work and you can use the standard syntax like (talkcontribs)

Hmm, it ate the syntax example. Trying again. (talkcontribs)

<i class="fas fa-address-book"></i> Third attempt at posting syntax example. If this doesn't work, look at the examples on the FA website here h t t p s : //fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use

The link spam filter is trying to block the helpful link to the website. Sheesh.

Reply to "As of 2020-06-30" (talkcontribs)


It looks like this extension requires payment. Is that true or am I missing something obvious? I'm only looking to use font awesome icons. (talkcontribs)

I solved by adding these lines of code into LocalSettings.php :)

$wgHooks['BeforePageDisplay'][] ='onBeforePageDisplay';

function onBeforePageDisplay( OutputPage &$out, Skin &$skin )


$script = '<script type="text/javascript" src="https://use.fontawesome.com/fa18954d69.js"></script>';

$out->addHeadItem("wowhead script", $script);

return true;

}; (talkcontribs) (talkcontribs)

Two years later those lines of code saved my ass in LocalSettings.php.

Thank you, whoever was behind at that time.

2600:8800:2804:F200:ECAD:BC68:6421:DBEB (talkcontribs)

yep, thanks

Reply to "This requires payment?"

Broken download link but simple alternative

Dariomarcelino (talkcontribs)

Hi, I was unable to download this extension but there is a simple workaround. Simply add:

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

to the beginning of MediaWiki:Common.css and that's it, you should be ready to go.

Reply to "Broken download link but simple alternative"
Zabien (talkcontribs)

Hi, is this extension still working? The download link leads to a strange site. I found another site and did was was suggested there including the Vector edit. But I only get squares instead of icons. Any idea what could cause this?

Reply to "Still working?"
Danwe (talkcontribs)

Is this extension still available? Download link seems broken to me.

Composer support would be awesome for this extension, as it is one of those extensions potentially required by many others.

Sgrayjr289 (talkcontribs)

Download link for this FontAwesome extension is still broken. Is anyone going to look into this for us? Thanks!

SwiftSys (talkcontribs)

@Danwe @Sgrayjr289 Updated the download link, appologies, hadn't realised it was wrong.

Reply to "Download link broken"
SwiftSys (talkcontribs)
Reply to "Support"
Natrashafierce (talkcontribs)

Hello, apologies for posting here and not the forum link provided below, but when I tried to register for an account there I got a PHP error.

I installed the extension and it only displays blank boxes. I am using MW 1.22 and the Vector skin. I followed the installation instructions exactly, including adding the line to Vector.php. I installed it to extensions/FontAwesome and everything. (Within the FontAwesome folder, the archive automatically put FontAwesome.php and FontAwesome.i18n.php, then another folder called font-awesome. If this should not be the case, please let me know.)

The extension appears to work otherwise: I can use things like fa-border and the border shows up, or fa-3x to make the blank box bigger. It's just that all the icons are blank boxes.

I am using the syntax "fa fa-ICONNAME" for the class, so it's not that I'm leaving out the "fa" either. What should I do? Thank you for any help!

SwiftSys (talkcontribs)

Hi Natrashafierce,

thanks for the question, do you have a link to your website as I'm stabbing in the dark without seeing anything, if I were to guess it sounds like there's issue with the fonts, there should be 5 fonts files located in the fonts folder.

Natrashafierce (talkcontribs)


I think the issue lies somewhere with the nesting of the folders: on a hunch, I tried editing the URL SRC at the beginning of font-awesome.css from '../fonts/' to the full URLs for each font... which is just MYSITE.com/extensions/FontAwesome/font-awesome/fonts, exactly what you'd expect and exactly what the extension archive automatically creates.

This is just a guess, but I think perhaps because FontAwesome.php calls on font-awesome.css, the font folder in font-awesome.css doesn't resolve properly? That is, after being called by FontAwesome.php, maybe font-awesome.css acts like it's in extensions/FontAwesome (like FontAwesome.php) and ends up looking for extensions/fonts rather than extensions/FontAwesome/font-awesome/fonts?

SwiftSys (talkcontribs)

Yes this extension has been very problematic of late, seems to work for some people and not for others, can't say why this would be. I keep promising to remove this extension as my time is spent developing my skin, nevertheless lets try and resolve this for you.

If you open font-awesome.css there should be some links at the top, these link to the fonts (in the font folder) have a play with those, I did test this previously because one of my developers screwed around with the links and didn't put them back before uploading, but I thought I'd solved this problem.

If you're worried about showing a link here, you can email me - info[at]mediawikibootstrapskin.co.uk will make solving this problem a whole lot easier if I can take a look.

You might consider using the skin btw, it includes font-awesome, glythicons and fam-fam icons - see here.

Reply to "Just displaying blank boxes?"

Support for Foreground skin

Natkabrown (talkcontribs)
SwiftSys (talkcontribs)

Hi :)

Looks to be working to me - see here

Natkabrown (talkcontribs)

Thank you for such a quick reply! ㋡

I had to disable the extension because the videos stooped working. I could only see a black box 🙍

Then I read my emails and found out that I can add FontAwsome with Foreground. I added it here http://wikitranslate.org/wiki/Symbols - I had to use div.

Great skin though! I love the colours, footer and the way it looks! I can see that you are in UK!!! If you are coming to London for Wikimania it will be great to meet you!!!

SwiftSys (talkcontribs)

Hi Natasha :)

thank you for your kind words ㋡

Most of those icons aren't showing on the symbols page?

Might need to look at the code on that page too as the video and the icons are all contained in a <p>, try closing the first instance and then opening a new instance below the video.

Doubt I'll make it to Wikimania, would love to come but just too much going on :( You'll have to let me know what happens though :)

Can message me if you ever need support for my extensions/skins etc here

Reply to "Support for Foreground skin"
There are no older topics