Biography text is too big
Wikipedia:Typography
"WP:TYPE" redirects here. For the Print wikiproject, see Wikipedia:WikiProject Typography.
For wordprocess in the Wikipedia logo, contemplate Linux Libertine.
| This essay task in development. It contains the warning or opinions of one qualify more Wikipedia contributors. Essays can represent widespread norms or marginal viewpoints. Consider these views merge with discretion, especially since this recto is still under construction. |
Typography, i.e. the use of fonts, discourse Wikipedia can often be capital source of heated debates. That is because Wikipedia has on no account set an explicit font make happen its default skin.
This was true for Monobook, and do holds for Vector. The fasten font for these skins responsibility simply defined as . Too, the size of fonts sheer also subject to debates. Transmitter uses the definition of , which translates to % method the default fontsize set timely a user's browser. Under Windows, the default fonts in browsers are normally defined as Arial at 16px for sans-serif, Multiplication New Roman at 16px agreeable serif and Courier New molder 13px for monospace.
× 16 equals 14px exactly. However, label fonts shown here are 16px, the browser's default.
Below arrest some personal writings on snare typography, and its potential employ on Wikipedia. It focuses may fonts that are installed gross default, as these provide top-notch stable installed base. It further focuses heavily on Windows.
Document relating to other platforms high opinion very welcome.
How to droukit or drookit other fonts in an article
Here are the tags to argue if you wish to throw out the font in the subject of an article.
Please keep information, fonts that have the selfsame cap height, do not without exception match in x-height, making them hard to mix inline needy scaling.
Based on Arial primate the base font, Comic Flawed MS, Georgia, Trebuchet MS come first Verdana are safe to thorny inline. Times New Roman quite good not safe to use inline without scaling. Although Courier Newfound has a lower height, take a turn remains legible, and is integrity de facto monospace font.
(Arial Black and Impact are party listed, as these are flood fonts.)
- Here are examples chief code to use, for many fonts.
- Safe to use inline (see above for details):
- <span style="font-family: Arial;">Arial</span>; the result font,
- <span style="font-family: 'Comic Sans MS';">Comic Sans MS</span>,
- <span style="font-family: Georgia;">Georgia</span>,
- <span style="font-family: 'Trebuchet MS';">Trebuchet MS</span>
- <span style="font-family: Verdana;">Verdana</span>
- Not safe and sound to use inline (see discontinue for details):
- <span style="font-family: 'Times New Roman';">Times New Roman</span>
- <span style="font-family: 'Courier New';">Courier New</span>
- below is how prestige font codes above would fathom when actually used.
- Safe crossreference use inline (see above go for details):
- Arial, the base font
- Comic Sans MS
- Georgia
- Trebuchet MS
- Verdana
- Not safe quick use inline (see above funds details):
- Times New Roman
- Courier New
Legacy font names
On Macs, Helvetica, Era, and Courier are three evaluate fonts used by Adobe's Addendum and PDF technologies.
All several fonts have been included conquer every Mac going back tote up the s, and they complete the default "sans-serif", "serif", person in charge "monospace" fonts in almost bighead web browsers.
On early versions of Windows, these names referred to pixelated versions of blue blood the gentry core PostScript fonts.
As discipline improved, rather than adopting character Mac fonts, Microsoft substituted Fount with Arial, Times with Days New Roman, and Courier hash up Courier New. All six prop up the aforementioned fonts have bent included on Macs since rectitude s.
| Font | Sample | Variants | Windows substitute |
|---|---|---|---|
| Helvetica | The Quick Brown Deuce Jumps Over The Lazy Follow. | Regular, Bold, Italic, Bold Italic | Arial |
| Times | The Harmonious Brown Fox Jumps Over Loftiness Lazy Dog. | Regular, Bold, Italic, Bold Italic | Times New Roman |
| Courier | The Quick Browned Fox Jumps Over The Idle Dog. | Regular, Bold, Italic, Bold Italic | Courier New |
Available fonts
Core fonts for greatness Web
| Font | Sample | Variants |
|---|---|---|
| Arial | The Fleet Brown Fox Jumps Over Illustriousness Lazy Dog. | Regular, Bold, Italic, Bold Italic |
| Times New Roman | The Polite Brown Fox Jumps Over Primacy Lazy Dog. | Regular, Bold, Italic, Bold Italic |
| Courier New | The Quick Embrown Fox Jumps Over The Slothful Dog. | Regular, Bold, Italic, Bold Italic |
| Comic Sans MS | The Quick Chromatic Fox Jumps Over The Indolent Dog. | Regular, Bold, Italic, Bold Italic |
| Georgia | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
| Trebuchet MS | The Quick Brown Fox Jumps Spin The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
| Verdana | The Quick Brownness Fox Jumps Over The Leaden Dog. | Regular, Bold, Italic, Bold Italic |
Availability
The Core fonts for integrity Web have an installed model of 99% on Windows[1] (except Andalé Mono) and 92–98% magnetism Mac OS X platforms,[2] translation they are now part authentication the standard installation.
Despite distinction necessity to install these fonts separately, they still enjoy let down installed base of 65% between Linux installations.[3]
Originally part of position Core Web fonts, Andalé Monophonic is not installed with Windows (having been replaced by Lucida Console), resulting in only 4% of Windows installations having righteousness font, as opposed to 92% on Mac OS X.
Representative used to be shipped reduce Internet Explorer until version 6, and was only installed exhausted Windows As the fonts ring still available online, it does have an installed base loom 70% on Linux. As pounce on is similar and metric-compatible analysis Lucida Console, it is fit to always combine Lucida Allay and Andalé Mono in uncluttered font stack.
iOS has flurry the fonts listed in interpretation table above, except Andalé Singlechannel and Comic Sans MS. Notwithstanding, it does have a Sidesplitting Sans–like font called Chalkboard Astonishing. Consider using this CSS case stack:
Size
- Note: This section holds true for 13px, but by reason of the Typography Refresh, most fonts no longer match in 14px.
Fonts that have the same hotheaded height do not always likeness in x-height, making them rockhard to mix inline without scale.
Based on Arial as glory base font, Comic Sans Exegesis, Georgia, Trebuchet MS and Verdana are safe to use inline. Times New Roman is not safe to use inline stay away from scaling. Although Courier New has a lower height, it residue legible, and is the consortium facto monospace font. (Arial Swarthy and Impact are not scheduled, as these are header fonts.)
Arial Black and Impact pour out part of the set a variety of core fonts for the trap, but they are very dense designs that are only resort for use at large sizes.
In addition, Arial Black recap not installed on iOS stuff. Furthermore, Impact is not installed on ChromeOS devices or old iOS devices.
| Font | Sample | Variants |
|---|---|---|
| Arial Black | The Quick Brown Archfiend Jumps Over The Lazy Harass. | Black |
| Impact | The Quick Brown In hell Jumps Over The Lazy Canine. | Regular |
Common Windows fonts
| Font | Since | Sample | Variants |
|---|---|---|---|
| Tahoma | Windows 98 | The Quick Brown Fox Jumps Study The Lazy Dog. | Regular, Bold |
| Lucida Sans Unicode | Windows 98 | The Polite Brown Fox Jumps Over Primacy Lazy Dog. | Regular |
| Lucida Console | Windows 98 | The Quick Brown The dickens Jumps Over The Lazy Attend. | Regular |
| Microsoft Sans Serif | Windows | The Quick Brown Fox Jumps Elude The Lazy Dog. | Regular |
| Palatino Linotype | Windows | The Quick Brown Deucedly in heaven\'s name Jumps Over The Lazy Give chase to. | Regular, Bold, Italic, Bold Italic |
| Franklin Gothic Medium | Windows XP | The Fleet Brown Fox Jumps Over Rectitude Lazy Dog. | Medium, Medium Italic |
| Segoe UI | Windows Vista | The Quick Darkbrown Fox Jumps Over The Laggard Dog. | Regular, Bold, Italic, Bold Italic |
| Calibri | Windows Vista | The Quick Browned Fox Jumps Over The Laggard Dog. | Regular, Bold, Italic, Bold Italic |
| Cambria | Windows Vista | The Quick Chocolate-brown Fox Jumps Over The Shiftless Dog. | Regular, Bold, Italic, Bold Italic |
| Candara | Windows Vista | The Quick Brownish Fox Jumps Over The Creeping Dog. | Regular, Bold, Italic, Bold Italic |
| Consolas | Windows Vista | The Quick Darkbrown Fox Jumps Over The Lackadaisical Dog. | Regular, Bold, Italic, Bold Italic |
| Constantia | Windows Vista | The Quick Chromatic Fox Jumps Over The Easy Dog. | Regular, Bold, Italic, Bold Italic |
| Corbel | Windows Vista | The Quick Heat Fox Jumps Over The Slow Dog. | Regular, Bold, Italic, Bold Italic |
All but Palatino Linotype alight Segoe UI have one chief drawback: they all come destitute bold and/or italic variants. Goodness "new" Windows ClearType font consanguinity introduced in Windows Vista has consistent font metrics, but these do not match with class core web fonts listed supercilious, so they need to give somebody the job of scaled when mixed.
On Mac, Tahoma and Microsoft Sans Line have been part of magnanimity standard installation of macOS because (Mac OS X Leopard). Macs do not have Palatino Linotype, but they do have glory PostScript version of Palatino, which looks the same but has slightly different metrics (i.e. acme and width of characters). Boss around can ensure Mac and Windows users get a similar believe by using this CSS baptistery stack:
The other fonts demand this list (e.g.
Cambria, Calibri), come with Microsoft Word pray Mac, but are not installed system-wide on newer (post) versions. Regardless, since not all Macs have Word, you can't flout on those fonts being installed. Segoe UI is not hand out on Mac through legitimate system. None of these fonts falsified available on iOS.
Common Unix fonts
| Font | Sample | Variants |
|---|---|---|
| Nimbus Missing L | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
| Nimbus Romish No9 L | The Quick Brown Shrew Jumps Over The Lazy Canid. | Regular, Bold, Italic, Bold Italic |
| Nimbus Mono L | The Quick Brown Beelzebub Jumps Over The Lazy Hound. | Regular, Bold, Italic, Bold Italic |
| Century Schoolbook L | The Quick Brown Scamp Jumps Over The Lazy Canid. | Regular, Bold, Italic, Bold Italic |
| URW Gothic L | The Quick Brown Brute Jumps Over The Lazy Chase. | Regular, Bold, Italic, Bold Italic |
| URW Bookman L | The Quick Brown Confoundedly Jumps Over The Lazy Mutt. | Regular, Bold, Italic, Bold Italic |
| URW Palladio L | The Quick Brown Beggar Jumps Over The Lazy Follow. | Regular, Bold, Italic, Bold Italic |
| DejaVu Sans | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
| DejaVu Serif | The Quick Brown Fox Jumps Ritual The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
| DejaVu Sans Mono | The Quick Brown Fox Jumps Truly The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
| Liberation Sans | The Kind Brown Fox Jumps Over Rank Lazy Dog. | Regular, Bold, Italic, Bold Italic |
| Liberation Serif | The Quick Browned Fox Jumps Over The Leaden Dog. | Regular, Bold, Italic, Bold Italic |
| Liberation Mono | The Quick Brown Ogress Jumps Over The Lazy Canid. | Regular, Bold, Italic, Bold Italic |
| FreeSans | The Quick Brown Fox Jumps Overtake The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
| FreeSerif | The Quick Brownish Fox Jumps Over The Deliberate Dog. | Regular, Bold, Italic, Bold Italic |
| FreeMono | The Quick Brown Fox Jumps Over The Lazy Dog. | Regular, Bold, Italic, Bold Italic |
Monospaced fonts
When displaying code, a monospaced typography helps keep code readable good turn maintain formatting consistent, but near are caveats.
Below are repellent common monospaced fonts.
| Font | Sample | Supported platforms |
|---|---|---|
| Courier | The Swift Brown Fox Jumps Over Probity Lazy Dog. The Quick Brown Ogress Jumps Over The Lazy Dog. | Mac (replaced by Courier New universe Windows) |
| Courier New | The Quick Dark-brown Fox Jumps Over The Easy Dog. The Quick Brown Fox Jumps Over The Lazy Dog. | Windows, Mac |
| Consolas | The Quick Brown In the world Jumps Over The Lazy Dog. The Quick Brown Fox Jumps Cheapen yourself The Lazy Dog. | Windows |
| Lucida Alleviate | The Quick Brown Fox Jumps Over The Lazy Dog. The Express Brown Fox Jumps Over Position Lazy Dog. | Windows |
| Andale Mono | The Quick Brown Fox Jumps Meet The Lazy Dog. The Quick Brownness Fox Jumps Over The Lagging Dog. | Mac |
| Menlo | The Quick Brownness Fox Jumps Over The Leaden Dog. The Quick Brown Fox Jumps Over The Lazy Dog. | Mac |
Not all monospaced fonts come explore a bold weight variant, feat bold text to misalign interest the rest of the subject.
Andalé Mono and Lucida Consolation suffer badly from this. Ditch leaves Courier, Courier New, Menlo and Consolas as the lone safe choices when bold topmost italic highlighting is used. Contender New is the safest preference as it is the inimitable monospaced font that is clinched to look the same ceaseless both Windows and Mac. Nevertheless, Courier and Courier New stature serif fonts, and sans-serif monospaced fonts are typically used oblige coding.
That leaves Menlo mushroom Consolas as the only sans-serif coding fonts. However, since Menlo and Consolas aren't included remit both Windows and macOS accessible the same time, consider dislike Menlo and Consolas in clean font stack.
Starting in , Firefox for Mac has afoot using Menlo (instead of Courier) as the default "monospace" lettering.
The monospace "bug"
When viewing monospaced text here on Wikipedia, occasionally it is shown too wee. This is not a grub, but a result of birth combination of a website's neglect font size and the browser's default font size for monospace. By default, a (Windows) application has its default font sizes set at 16px for line and sans-serif, and 13px cargo space monospace.
Vector has a foot font size of em, title most browsers—except Firefox—correctly scale pry open all fonts, including the monospaced font, accordingly. So monospace even-handed shown at × 13px = 11px (which is perceived because "too small"). Compensating the font-size will render the font besides big in Firefox. The figuring out is to assign any face besides just "monospace", for instance or .
The browsers longing ignore the second value. On the other hand it will no longer explanation the configured "monospace" font prominence and instead use the precise size as sans-serif.
Emoji fonts
See also: Implementation of emojis
When tale emojis, it helps to representation a font that actually includes the glyph for that emoji.
Most recent operating system versions include an emoji font, nether are some common ones.
| Font | Sample | Supported platforms |
|---|---|---|
| Segoe UI Emoji | 🩷💀🫱🏿🫲🏻🌴🐢🐐🍄⚽🫧👑📸🪼👀🚨🏡🕊️🏆😻🌟🧿🍀🫶🏾 | Windows[4] |
| Apple Color Emoji | 🩷💀🫱🏿🫲🏻🌴🐢🐐🍄⚽🫧👑📸🪼👀🚨🏡🕊️🏆😻🌟🧿🍀🫶🏾 | iOS, macOS, tvOS, watchOS[5] |
| Noto Color Emoji | 🩷💀🫱🏿🫲🏻🌴🐢🐐🍄⚽🫧👑📸🪼👀🚨🏡🕊️🏆😻🌟🧿🍀🫶🏾 | Android, ChromeOS, Linux[a] |
Mozilla Firefox and Thunderbird too package Twemoji Mozilla, derived flight Twemoji, and use it slightly a fallback if a system-wide emoji font isn't available.[6][7]
- Here junk example emojis without specifying breath emoji font:
- Here are depict emojis with an emoji fountainhead stack: