Using custom fonts on a wiki

From Gamepedia Help Wiki
(Redirected from Fonts)
Jump to: navigation, search

Sometimes a wiki can benefit from the judicious use of a custom font. Generally speaking, custom fonts should be used sparingly. Using an overly flowery font for all the text on a given wiki can render it difficult to read. Care should be taken when using non-standard fonts to ensure that the wiki remains "easy on the eye".

Where should I use custom fonts?[edit | edit source]

There is no single rule for where these fonts can be used. A good rule of thumb is to use them sparingly, like in section headings or just the main page of the wiki. If the font is a clean, sans-serif type font, it can be used more broadly. If the font is very ornate, its use should be restricted to a small number of style elements where it can shine but not make reading the wiki difficult.

Which fonts can I use?[edit | edit source]

Special:FontManager lists all fonts available on Gamepedia wikis. Additional font installations can be requested by contacting a wiki manager and sending them the font source files and a link to prove the font has been released for free use.

Individually-licensed fonts[edit | edit source]

A few of the fonts listed there are licensed only for a single wiki. For example, the following three fonts are not free to use on any wiki, and are only available for use on the Official Minecraft Wiki:

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

The following two are only available for use on the Runemaster Wiki:

  • PR Viking.ttf
  • PR Viking Alternates.ttf

If you are unsure about using a particular font, contact your wiki manager (identified on the Community portal on your wiki) and ask.

The font I want to use is not listed in Font Manager[edit | edit source]

If the font you would like to use is not listed, it might be possible to add it and make it available via the Font Manager.

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

Google fonts[edit | edit source]

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

  1. Go to https://fonts.google.com. You can do all kinds of settings in the top menu and scroll throught the listed fonts. The fonts can be shown in a grid or as a list.
  2. Select the desired font - like "Coda" in our example.
  3. Go to this link, add your chosen font family - in this case "Coda" (looks like the example below).
  4. Copy this CSS into the wiki's CSS page.
  5. Please also read: Getting started with google fonts
  6. Use it in your styles with font-family: "Coda"; on the Wiki.

Examples[edit | edit source]

@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 (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');
}