Using custom fonts on a wiki

Sometimes a wiki can benefit from the judicious use of a custom font for certain select text elements.

Where should I use custom fonts?

Custom fonts should be used sparingly. Using a complex designer font for all of a wiki's main content text can render it difficult to read at standard content sizes.

In general, ornate fonts should be limited to a wiki's larger text elements, like the frontpage welcome text, large navigation links ("buttons"), page titles, and/or section headers.

Simpler sans-serif type fonts can be used more liberally.

Which fonts can I use?

• Special:FontManager lists all fonts available locally on Gamepedia's servers.
• Google Fonts (https://fonts.google.com) provides a large library of fonts that can be used for free without requiring any installation. See below for instruction.

If you know of a font you want to use that is not listed at either of those locations, and the font has been released for free use, you may request that it be installed in Gamepedia's Font Manager by contacting a wiki manager and sending them the font source files, along with a link that proves the font has been released for free use.

• The font must have a 100% free-use license. If the license simply says "Free for personal use," that is not sufficient to allow us to upload it, as Gamepedia does not qualify as "personal use".
• You must provide the font's installation file to your wiki manager, who will then arrange to have it added to the Font Manager.

Individually-licensed fonts

While most fonts listed in Gamepedia's Font Manager are freely usable on any wiki, those listed below are licensed only for select wikis.

These may only be used on the Official Minecraft Wiki:

• minecraft.eot
• minecraft.woff
• minecraft.ttf

These may only be used on the Runemaster Wiki:

• PR Viking.ttf
• PR Viking Alternates.ttf

Google Fonts

Google Fonts do not need to be uploaded to Gamepedia. To use a Google font on a wiki, follow these steps:

1. Go to https://fonts.google.com and find a suitable font for your purposes.
2. In a new browser tab's URL line, paste https://fonts.googleapis.com/css?family=, and add your chosen font's name to the end of the line. Browse to the resulting URL.
   • In the first example below, "Coda" is used: https://fonts.googleapis.com/css?family=Coda.
3. Copy the CSS displayed into the wiki's CSS page.
4. Use the font in your CSS styles with font-family: "Coda";.
   • Also read this for more information: Getting started with google fonts

Examples

• Coda: https://fonts.googleapis.com/css?family=Coda

@font-face {
    font-family: 'Coda';
    font-style: normal;
    font-weight: 400;
    src: local('Coda Regular'), local('Coda-Regular'), url(https://fonts.gstatic.com/s/coda/v13/SLXHc1jY5nQ8FUUGaw.woff2) format('woff2');
}

• Montserrat: https://fonts.googleapis.com/css?family=Montserrat (Used on Gamepedia Help Wiki)

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url("https://fonts.gstatic.com/s/montserrat/v5/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff") format('woff');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url("https://fonts.gstatic.com/s/montserrat/v5/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff") format('woff');
}