Encredechine (talk | contribs) (→Google fonts: just some removal) |
BaRaN6161TURK (talk | contribs) (Add notice.) |
||
(7 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
+ | {{Historical page|Help:How to import Google Fonts}} |
||
− | 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''' for certain select text elements. |
||
== Where should I use custom fonts? == |
== 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. |
||
− | 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. |
||
+ | |||
+ | 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 [[wikipedia:Sans-serif|sans-serif]] type fonts can be used more liberally. |
||
== Which fonts can I use? == |
== Which fonts can I use? == |
||
− | [[Special:FontManager]] lists all fonts available on Gamepedia |
+ | * [[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 [[#Google Fonts|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|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. |
||
⚫ | |||
⚫ | |||
=== Individually-licensed fonts === |
=== 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 [[mcw:|Minecraft Wiki]]: |
||
* <code>minecraft.eot</code> |
* <code>minecraft.eot</code> |
||
* <code>minecraft.woff</code> |
* <code>minecraft.woff</code> |
||
* <code>minecraft.ttf</code> |
* <code>minecraft.ttf</code> |
||
− | + | These may only be used on the [https://runemaster.gamepedia.com Runemaster Wiki]: |
|
− | |||
* <code>PR Viking.ttf</code> |
* <code>PR Viking.ttf</code> |
||
* <code>PR Viking Alternates.ttf</code> |
* <code>PR Viking Alternates.ttf</code> |
||
+ | == Google Fonts == |
||
− | If you are unsure about using a particular font, contact your wiki manager (identified on the [[Project:Community portal|Community portal]] on your wiki) and ask. |
||
⚫ | |||
+ | # Go to https://fonts.google.com and find a suitable font for your purposes. |
||
− | == The font I want to use is not listed in Font Manager == |
||
+ | # In a new browser tab's URL line, paste <code><nowiki>https://fonts.googleapis.com/css?family=</nowiki></code>, and add your chosen font's name to the end of the line. Browse to the resulting URL. |
||
− | 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. |
||
+ | #* In the first example below, "Coda" is used: <code>https://fonts.googleapis.com/css?family=Coda</code>. |
||
− | * If the font has a 100% free use license, it can be added. |
||
+ | # Copy the CSS displayed into [[Skin customization#The wiki and personal stylesheets|the wiki's CSS page]]. |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
− | == |
+ | === Examples === |
+ | * Coda: <code>https://fonts.googleapis.com/css?family=Coda</code> |
||
⚫ | |||
− | |||
− | # 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. |
||
− | # Select the desired font - like "Coda" in our example. |
||
− | # Go to this [https://fonts.googleapis.com/css?family=Coda link], add your chosen font family - in this case "Coda" (looks like the example below). |
||
− | # Copy this CSS into the [[Skin_customization#The_wiki_and_personal_stylesheets|wiki's CSS page]]. |
||
⚫ | |||
⚫ | |||
− | |||
− | ===Examples=== |
||
<pre> |
<pre> |
||
@font-face { |
@font-face { |
||
Line 46: | Line 50: | ||
</pre> |
</pre> |
||
− | Montserrat (Used on Gamepedia Help |
+ | * Montserrat: <code>https://fonts.googleapis.com/css?family=Montserrat</code> (Used on Gamepedia Help Wiki) |
<pre> |
<pre> |
||
@font-face { |
@font-face { |
||
Line 65: | Line 69: | ||
[[Category:Advanced help]] |
[[Category:Advanced help]] |
||
⚫ | |||
[[fr:Utiliser une police d'écriture personnalisée]] |
[[fr:Utiliser une police d'écriture personnalisée]] |
||
[[it:Utilizzo di font personalizzati su un wiki]] |
[[it:Utilizzo di font personalizzati su un wiki]] |
||
+ | [[tr:Vikide özel yazı tiplerini kullanma]] |
||
⚫ |
Latest revision as of 12:52, 29 March 2022
This page was guided for historical Gamepedia wikis that may contain outdated information. For Fandom's up-to-date information, see Help:How to import Google Fonts. |
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 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:
- Go to https://fonts.google.com and find a suitable font for your purposes.
- 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
.
- In the first example below, "Coda" is used:
- Copy the CSS displayed into the wiki's CSS page.
- Use the font in your CSS styles with
font-family: "Coda";
.- Also read this for more information: Getting started with google fonts
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:
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'); }