Fontide näidised

Redaktsioon seisuga 11. juuli 2025, kell 07:30 kasutajalt Riho (arutelu | kaastöö) (Uus lehekülg: ' *<span style="text-align:right";> Font: Old English Text, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''</span> *<span style="font-family: Old English Text; font-size: 16px"> Font: Old English Text, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''</span> *<span style="font-family: Old English Text; font-size: 16px"> Font: Old English Text, 16px | The Quick...')
(erin) ←Vanem redaktsioon | Viimane redaktsiooni (erin) | Uuem redaktsioon→ (erin)


  • Font: Old English Text, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Old English Text, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Old English Text, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Ink Free, 18px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Ink Free |The Quick Brown Fox Jumps Over The Lazy Dog.| Regular,| Bold,| Italic,| Bold Italic|
  • Font: Old English Text, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Ink Free, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Comic Sans MS, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Helvetica, sans-serif, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Arial, Helvetica, sans-serif, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Arial, Helvetica, sans-serif, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • <span style="font-family: Times, serif; font-size: 16px;"
  • Times New Roman
  • <span style="font-family: Courier, monospace; font-size: 16px;"
  • Courier New
  • <span style="font-family: Tahoma, sans-serif; font-size: 16px;"
  • <span style="font-family: 'Lucida Sans Unicode', sans-serif; font-size: 16px;"
  • <span style="font-family: 'Lucida Console', monospace; font-size: 16px;"
  • <span style="font-family: 'Microsoft Sans Serif', sans-serif; font-size: 16px;"
  • <span style="font-family: 'Palatino Linotype', serif; font-size: 16px;"
  • <span style="font-family: 'Franklin Gothic Medium', sans-serif; font-size: 16px;"
  • <span style="font-family: 'Segoe UI', sans-serif; font-size: 16px;"
  • <span style="font-family: Calibri, sans-serif; font-size: 16px;"
  • <span style="font-family: Candara, sans-serif; font-size: 16px;"
  • <span style="font-family: Consolas, monospace; font-size: 16px;"
  • <span style="font-family: Constantia, serif; font-size: 16px;"
  • <span style="font-family: Corbel, sans-serif; font-size: 16px;"
  • Arial; the base font,
  • Comic Sans MS,
  • Georgia,
  • Trebuchet MS
  • Verdana
  • Courier New
  • <span style="font-family: 'Courier New', monospace; font-size: 16px;"
  • <span style="font-family: 'Comic Sans MS', cursive; font-size: 16px;"
  • <span style="font-family: Georgia, serif; font-size: 16px;"
  • <span style="font-family: 'Trebuchet MS', sans-serif; font-size: 16px;"
  • <span style="font-family: Verdana, sans-serif; font-size: 16px;"
  • <span style="font-family: Arial Black, sans-serif; font-size: 24px;"
  • <span style="font-family: Impact, sans-serif; font-size: 24px;"
  • <span style="background:white; color:black; font-family: Ink Free; font-size:100%;"
  • <span style="font-family: Helvetica, sans-serif; font-size: 16px;"
  • Arial
  • <span style="font-family: Times, serif; font-size: 16px;"
  • <span style="font-family: Courier, monospace; font-size: 16px;"
  • Courier New
  • Arial; the base font,
  • Comic Sans MS,
  • Georgia,
  • Trebuchet MS
  • Verdana
  • Times New Roman
  • Courier New
  • Andalé Mono
  • Lucida Console
  • <span style="font-family: "Comic Sans MS", Chalkboard SE, cursive, sans-serif;
  • Arial as the base font,
  • Comic Sans MS,
  • Georgia,
  • Trebuchet MS
  • Verdana are safe to use inline.
  • Times New Roman
  • Courier New has a lower height, it remains legible, and is the de facto monospace font.
  • <span style="font-family: Arial Black, sans-serif; font-size: 24px;"
  • <span style="font-family: Impact, sans-serif; font-size: 24px;"
  • Font: Old English Text, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Ink Free, 18px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Old English Text|The Quick Brown Fox Jumps Over The Lazy Dog.| Regular,| Bold,| Italic,| Bold Italic|
  • Font: Ink Free |The Quick Brown Fox Jumps Over The Lazy Dog.| Regular,| Bold,| Italic,| Bold Italic|
  • Font: Old English Text, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Ink Free, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Comic Sans MS, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Helvetica, sans-serif, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Arial, Helvetica, sans-serif, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • Font: Arial, Helvetica, sans-serif, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
  • <span style="font-family: Times, serif; font-size: 16px;"
  • Times New Roman
  • <style="font-family: Courier, monospace; font-size: 16px;"

Courier New

Common Windows fonts

Font Since Sample Variants
Tahoma Windows 98 The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold
Lucida Sans Unicode Windows 98 The Quick Brown Fox Jumps Over The Lazy Dog. Regular
Lucida Console Windows 98 The Quick Brown Fox Jumps Over The Lazy Dog. Regular
Microsoft Sans Serif Windows 2000 The Quick Brown Fox Jumps Over The Lazy Dog. Regular
Palatino Linotype Windows 2000 The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
Franklin Gothic Medium Windows XP The Quick Brown Fox Jumps Over The Lazy Dog. Medium, Medium Italic, Bold Italic
Segoe UI Windows Vista The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
Calibri Windows Vista The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
Cambria Windows Vista The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
Candara Windows Vista The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
Consolas Windows Vista The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
Constantia Windows Vista The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
Corbel Windows Vista The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic

Here are examples of code to use, for various fonts. Safe to use inline (see above for details): Arial; the base font, Comic Sans MS, Georgia, Trebuchet MS Verdana Not safe to use inline (see above for details): Times New Roman Courier New

Core fonts for the Web

Font Sample Variants
Arial The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
Times New Roman The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
Courier New The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
Comic Sans MS The Quick Brown Fox Jumps Over The Lazy 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 Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
Verdana The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic

The Core fonts for the Web have an installed base of 99% on Windows[1] (except Andalé Mono) and 92–98% on Mac OS X platforms,[2] as they are now part of the standard installation. Despite the necessity to install these fonts separately, they still enjoy an installed base of 65% among Linux installations.[3]

Originally part of the Core Web fonts, Andalé Mono is not installed with Windows (having been replaced by Lucida Console), resulting in only 4% of Windows installations having the font, as opposed to 92% on Mac OS X. It used to be shipped with Internet Explorer until version 6, and was only installed with Windows 98. As the fonts are still available online, it does have an installed base of 70% on Linux. As it is similar and metric-compatible to Lucida Console, it is recommended to always combine Lucida Console and Andalé Mono in a font stack.

iOS has all the fonts listed in the table above, except Andalé Mono and Comic Sans MS. However, it does have a Comic Sans–like font called Chalkboard SE. Consider using this CSS font stack: font-family: "Comic Sans MS", Chalkboard SE, cursive, sans-serif;

Size

Note: This section holds true for 13px, but since the Typography Refresh, most fonts no longer match in 14px.

Fonts that have the same cap height do not always match in x-height, making them hard to mix inline without scaling. Based on Arial as the base font, Comic Sans MS, Georgia, Trebuchet MS and Verdana are safe to use inline. Times New Roman is not safe to use inline without scaling. Although Courier New has a lower height, it remains legible, and is the de facto monospace font. (Arial Black and Impact are not listed, as these are header fonts.)

Header fonts

Arial Black and Impact are part of the set of core fonts for the web, but they are very heavy designs that are only recommended for use at large sizes. In addition, Arial Black is not installed on iOS devices. Furthermore, Impact is not installed on ChromeOS devices or older iOS devices.

Font Sample Variants
Arial Black The Quick Brown Fox Jumps Over The Lazy Dog. Black
Impact The Quick Brown Fox Jumps Over The Lazy Dog. Regular
Franklin Gothic Medium The Quick Brown Fox Jumps Over The Lazy Dog. Regular

Here are examples of code to use, for various fonts. Safe to use inline (see above for details): Arial; the base font, Comic Sans MS, Georgia, Trebuchet MS Verdana Not safe to use inline (see above for details): Times New Roman Courier New Bold', Italic, Bold Italic

  1. ↑ Viitamistõrge: Vigane <ref>-silt. Viide nimega Windows on ilma tekstita.
  2. ↑ Viitamistõrge: Vigane <ref>-silt. Viide nimega Mac on ilma tekstita.
  3. ↑ Viitamistõrge: Vigane <ref>-silt. Viide nimega Linux on ilma tekstita.
Pärit leheküljelt "https://weskiwiki.ee/index.php?title=Fontide_näidised&oldid=26071"