Board Thread:Support Requests - Designing Your Wikia/@comment-28638990-20140622215650/@comment-856287-20140622225136

In your MediaWiki:Common.css, you do properly set Harabara as the font for h1 headers (that would only be "Home" at the top of this page, next to the Edit button). Nothing else is selected, just the h1 headers:

…and that will only work for users that happen to have a font called "Harabara" installed on their system. I've never heard of that font before, and I'm guessing very few people have it. You should always use a font-stack to define multiple fallback fonts in case any given person doesn't have a font: …this means, "If you don't have Harabara, use Segoe UI. If you don't have Segoe UI, use Candara, etc. down the list until you get to "sans-serif" which is the most basic (use "serif" or "sans-serif" last in all font stacks).

Now, if the font is available as a web font, you can add CSS code to actually download the font to the user's computer and use it, even if they don't have it installed on their system.

This is where things get tricky. You have to find a place that either serves that font free for anyone to use (I couldn't find one, but I didn't look very hard), or you have to buy a font license that allows you to put it online and serve it to people yourself (which varies for different fonts; it could cost $1 or $20,000).

Once you find someone offering it online (or you buy a license), you can import it with CSS by adding an @import rule to the top of your MediaWiki:Common.css like this: