Gamepedia Help Wiki
No edit summary
Line 1: Line 1:
 
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".
 
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 ==
  +
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, [[Wikipedia:Sans-serif|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? ==
 
== Which fonts can I use? ==

Revision as of 20:08, 7 March 2018

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

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?

In general, the fonts listed in the Font manager special page are the fonts currently available for use on Gamepedia wikis. 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, they are only available for use on the Official Minecraft Wiki:

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

and 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

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

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. Find the font page on https://fonts.google.com.
  2. Click the 'Select this font' option in the top right corner of the page. This will pop up a window at the bottom that says "1 Family Selected".
  3. Open that window and it will provide a link to that font. E.g. https://fonts.googleapis.com/css?family=Coda
  4. Open the link in your browser and CSS will be provided.
  5. Copy the CSS into the wiki's CSS page.

Examples

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