Board Thread:Support Requests - Getting Technical/@comment-4059089-20140617235525/@comment-856287-20140618065237

Quoted from here: w:c:movies:User blog:Matt Hadick/Wikia's Gothic Community Takeover

Adding a custom font to your wiki
@import url(http://fonts.googleapis.com/css?family=Tulpen+One); @import "http://fonts.googleapis.com/css?family=Tulpen+One";
 * 1) Navigate to http://www.google.com/fonts and find a font you like. (The example font I've selected is "Tulpen One")
 * 2) To the right of the font's text example, you will see two icons next to the "Remove from Collection" button. You'll need to click the "Quick-use" icon, which looks like a box with a right-arrow in it. Gfreefonts_quickuse_icon_003.jpg
 * 3) Now scroll down the page to "3. Add this code to your website:" and click on the "@import" tab.
 * 4) Highlight and Copy the displayed text - which should look something like this:
 * 1) Now navigate to the MediaWiki:Wikia.css page for your wiki (EXAMPLE: movies.wikia.com/wiki/MediaWiki:Wikia.css), and click "Edit."
 * 2) Being careful not to interfere with any existing code, paste the copied text onto a blank line, and make the following important changes: Replace the parentheses with quotes " " and remove "url" so that the line of code now looks like this:
 * 1) Make sure everything looks correct, and click "Publish" to save your edit.

Sometimes the system will take a short while to process this change, but you should now be able to display your custom font by using the standard font-family: variable as seen here:

Once you've added the CSS font import, you can style the wiki's content like this: Of course, the first font in the list should be the font you've decided to use. The rest are all fallbacks for when that font isn't present (as in the browser can't or won't import the external font resource). You'll want to use a web-safe font stack that's similar to the custom font you've chosen to use.

…and as 452 said, don't get too crazy with it. Choose a "normal, boring" font for the body text. It should be noticed briefly, if at all, just because it's not the default, and then you should forget about it. You can get a little more interesting with the font for header elements, but still don't go crazy.

I have custom fonts on UrTwiki (Ubuntu for headers and Roboto for body) and my test wiki (Arvo for headers and Lato for text), but you'll notice you aren't noticing the special fonts used for the body text. That's the way it should be.