For All Mankind Wiki
Coding Help
Coding Help
- This article introduces and explains the use of different fonts.
- This includes fonts defined in the site's CSS file as well as other fonts and how they should be used (or not).
- Note that generally other fonts than the default font should not be used on any article page!
Installed fonts
- The following fonts are currently installed for this wiki and can be used if appropriate:
- Rubik (Fandom default font)
- San Francisco
- Futura
- Nasa
- Space Meatball
- Astromoony
- Note on usage
- Generally, don't change any fonts in articles.
- There might be a few exceptions where it makes sense for a certain heading, but generally, fonts in mainspace articles should NOT be altered.
- You are free to use any installed font on your userpage though, and it may be appropriate for some specific templates.
- Rubik
- The quick brown fox jumps over the lazy dog
- This is the default font for articles and almost everything else on this wiki, unless specified otherwise.
- San Francisco
- The quick brown fox jumps over the lazy dog
- This font is used for article titles, the topmost heading on every page.
- CSS:
font-family: 'San Francisco', sans-serif; - Class
font-sanfrancisco
- Futura
- The quick brown fox jumps over the lazy dog
- This font is currently used for the quote in the article stub template.
- CSS:
font-family: Futura, sans-serif; - Class
font-futura
- Nasa
- The quick brown fox jumps over the lazy dog
- This font is used on the wiki's main page, as well as for section and infobox headers.
- CSS:
font-family: Nasa, sans-serif; - Class
font-nasa
- Space Meatball
- The quick brown fox jumps over the lazy dog
- This font is only used on the wiki's main page.
- CSS:
font-family: 'Space Meatball', sans-serif; - Class
font-spacemeatball
- Astromoony
- ☿ ♀ 🜨 ♃ ♂ ♄ ♅ ♆
- This is a special font which uses ligatures to encode symbols of planets and the major moons.
- This font is currently used in the infobox {{Celestial body}} and on the Solar System article.
- For more information visit its page on Github and this page for previews of the font.
- CSS:
font-family: Astromoony, sans-serif; - Class
font-astromoony
Other fonts
- Background
- For websites, fonts are defined in the CSS, either in the site's main css file, or using inline styles. However, the visitor's browser needs to have access to the defined font somehow to be able to display it. If a certain defined font is installed on the viewer's system, the browser will use it. If not, the browser will display the text in a default fallback font of the browser. Therefore, fonts can be included in the css, meaning they are downloaded into the browser so it is able to display it. This is the case with the fonts listed above.
- Any other fonts can only be displayed if they are installed on the visitor's system. Default installed fonts vary greatly among different operating systems and versions. However, there are some so-called "web safe fonts", fonts that are normally installed on every system. They can be used and will for 95% be displayed as desired in the viewer's browser, however, there is NO guarantee for it.
Some fonts considered as "web safe" are:
Helvetica (sans-serif) The quick brown fox jumps over the lazy dog Arial (sans-serif) The quick brown fox jumps over the lazy dog Arial Black (sans-serif) The quick brown fox jumps over the lazy dog Verdana (sans-serif) The quick brown fox jumps over the lazy dog Tahoma (sans-serif) The quick brown fox jumps over the lazy dog Trebuchet MS (sans-serif) The quick brown fox jumps over the lazy dog Impact (sans-serif) The quick brown fox jumps over the lazy dog Times New Roman (serif) The quick brown fox jumps over the lazy dog Georgia (serif) The quick brown fox jumps over the lazy dog Palatino (serif) The quick brown fox jumps over the lazy dog Baskerville (serif) The quick brown fox jumps over the lazy dog Courier New (monospace) The quick brown fox jumps over the lazy dog Andale Mono (monospace) The quick brown fox jumps over the lazy dog Brush Script MT (cursive) The quick brown fox jumps over the lazy dog Comic Sans MS The quick brown fox jumps over the lazy dog
- Note
- If you need something to be displayed in a monospaced font, there is a template for this: → {{mono}} or {{m}}.
- There are also two classes defined for this:
.monoand.mono-small.
See also
- Other coding help pages:
- Table of content of all project pages
This project article uses TemplateStyles: styles