Board Thread:Support Requests - Designing Your Wikia/@comment-5079138-20150529104528

Well, I'm a CSS-amateur so sometimes I may need to ask help so much.

OK, so I've tried to add custom font to this wiki, just like Khan Academy Wiki, that has the "Comic Neue" font, by adding this line to Wikia.css:

@font-face { font-family: Proxima Nova Regular; src: local('Proxima Nova Regular') url(http://img1.wikia.nocookie.net/__cb20150528154142/plantsvszombies/images/2/25/ProximaNova-Regular.otf) format('opentype'); }

and this

body {font-family:'Proxima Nova Regular'}

However, the font didn't load. Instead, it uses the Times New Roman font. Since I don't wanna mess up the entire wiki, I removed it, and instead I put it here, and tweaked it a little bit so that it will only load on my contributions page.

body.page-Special_Contributions_Drek_TharSuperSword {font-family:'Proxima Nova Rg'}

And the reason why I shortened the word "regular" to "rg" is because it's the actual font name on the original font file. However, it still doesn't work.

Screenshot:



I've seen some websites using custom CSS fonts like this and they work seamlessly. However, I don't understand why it doesn't work here.

Anyone can try to fix it? 