Fontide näidised

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


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

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

List of Fonts

Font Name: Example of font:
Agency FB The Quick Brown Fox Jumps Over The Lazy Dog
Algerian The Quick Brown Fox Jumps Over The Lazy Dog
Andale Mono The Quick Brown Fox Jumps Over The Lazy Dog
Arial The Quick Brown Fox Jumps Over The Lazy Dog
Arial Black The Quick Brown Fox Jumps Over The Lazy Dog
Arial Narrow The Quick Brown Fox Jumps Over The Lazy Dog
Arial Rounded MT Bold The Quick Brown Fox Jumps Over The Lazy Dog
Baskerville Old Face The Quick Brown Fox Jumps Over The Lazy Dog
Batik Regular The Quick Brown Fox Jumps Over The Lazy Dog
Bauhaus 93 The Quick Brown Fox Jumps Over The Lazy Dog
Bell MT The Quick Brown Fox Jumps Over The Lazy Dog
Berlin Sans FB The Quick Brown Fox Jumps Over The Lazy Dog
Berlin Sans FB Demi The Quick Brown Fox Jumps Over The Lazy Dog
Bernard MT Condensed The Quick Brown Fox Jumps Over The Lazy Dog
Blackadder ITC The Quick Brown Fox Jumps Over The Lazy Dog
Bodoni MT The Quick Brown Fox Jumps Over The Lazy Dog
Bodoni MT Black The Quick Brown Fox Jumps Over The Lazy Dog
Bodoni MT Condensed The Quick Brown Fox Jumps Over The Lazy Dog
Bodoni MT Poster Compressed The Quick Brown Fox Jumps Over The Lazy Dog
Book Antiqua The Quick Brown Fox Jumps Over The Lazy Dog
Bookman Old Style The Quick Brown Fox Jumps Over The Lazy Dog
Bradley Hand ITC The Quick Brown Fox Jumps Over The Lazy Dog
Britannic Bold The Quick Brown Fox Jumps Over The Lazy Dog
Broadway The Quick Brown Fox Jumps Over The Lazy Dog
Brush Script MT The Quick Brown Fox Jumps Over The Lazy Dog
Calibri The Quick Brown Fox Jumps Over The Lazy Dog
Californian FB The Quick Brown Fox Jumps Over The Lazy Dog
Calisto MT The Quick Brown Fox Jumps Over The Lazy Dog
Cambria The Quick Brown Fox Jumps Over The Lazy Dog
Candara The Quick Brown Fox Jumps Over The Lazy Dog
Castellar The Quick Brown Fox Jumps Over The Lazy Dog
Centaur The Quick Brown Fox Jumps Over The Lazy Dog
Century Gothic The Quick Brown Fox Jumps Over The Lazy Dog
Century Schoolbook The Quick Brown Fox Jumps Over The Lazy Dog
Chiller The Quick Brown Fox Jumps Over The Lazy Dog
Colonna MT The Quick Brown Fox Jumps Over The Lazy Dog
Comic Sans MS The Quick Brown Fox Jumps Over The Lazy Dog
Consolas The Quick Brown Fox Jumps Over The Lazy Dog
Constantia The Quick Brown Fox Jumps Over The Lazy Dog
Cooper Black The Quick Brown Fox Jumps Over The Lazy Dog
Copperplate Gothic Bold The Quick Brown Fox Jumps Over The Lazy Dog
Copperplate Gothic Light The Quick Brown Fox Jumps Over The Lazy Dog
Corbel The Quick Brown Fox Jumps Over The Lazy Dog
Courier New The Quick Brown Fox Jumps Over The Lazy Dog
Curlz MT The Quick Brown Fox Jumps Over The Lazy Dog
Edwardian Script ITC The Quick Brown Fox Jumps Over The Lazy Dog
Elephant The Quick Brown Fox Jumps Over The Lazy Dog
Engravers MT The Quick Brown Fox Jumps Over The Lazy Dog
Eras Bold ITC The Quick Brown Fox Jumps Over The Lazy Dog
Eras Demi ITC The Quick Brown Fox Jumps Over The Lazy Dog
Eras Light ITC The Quick Brown Fox Jumps Over The Lazy Dog
Eras Medium ITC The Quick Brown Fox Jumps Over The Lazy Dog
Felix Titling The Quick Brown Fox Jumps Over The Lazy Dog
Footlight MT Light The Quick Brown Fox Jumps Over The Lazy Dog
Forte The Quick Brown Fox Jumps Over The Lazy Dog
Franklin Gothic Book The Quick Brown Fox Jumps Over The Lazy Dog
Franklin Gothic Demi The Quick Brown Fox Jumps Over The Lazy Dog
Franklin Gothic Heavy The Quick Brown Fox Jumps Over The Lazy Dog
Franklin Gothic Medium The Quick Brown Fox Jumps Over The Lazy Dog
Franklin Gothic Medium Cond The Quick Brown Fox Jumps Over The Lazy Dog
Freestyle Script The Quick Brown Fox Jumps Over The Lazy Dog
French Script MT The Quick Brown Fox Jumps Over The Lazy Dog
Garamond The Quick Brown Fox Jumps Over The Lazy Dog
Georgia The Quick Brown Fox Jumps Over The Lazy Dog
Gigi The Quick Brown Fox Jumps Over The Lazy Dog
Gill Sans MT The Quick Brown Fox Jumps Over The Lazy Dog
GulimChe The Quick Brown Fox Jumps Over The Lazy Dog
Impact The Quick Brown Fox Jumps Over The Lazy Dog
Kristen ITC The Quick Brown Fox Jumps Over The Lazy Dog
Lucida Console The Quick Brown Fox Jumps Over The Lazy Dog
Lucida Handwriting The Quick Brown Fox Jumps Over The Lazy Dog
MingLiU The Quick Brown Fox Jumps Over The Lazy Dog
Monotype Corsiva The Quick Brown Fox Jumps Over The Lazy Dog
MS Gothic The Quick Brown Fox Jumps Over The Lazy Dog
MS Hei The Quick Brown Fox Jumps Over The Lazy Dog
MS Song The Quick Brown Fox Jumps Over The Lazy Dog
Old English Text MT The Quick Brown Fox Jumps Over The Lazy Dog
Symbol The Quick Brown Fox Jumps Over The Lazy Dog
Tahoma The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman The Quick Brown Fox Jumps Over The Lazy Dog
Trebuchet MS The Quick Brown Fox Jumps Over The Lazy Dog
Verdana The Quick Brown Fox Jumps Over The Lazy Dog
Webdings The Quick Brown Fox Jumps Over The Lazy Dog
Wingdings The Quick Brown Fox Jumps Over The Lazy Dog
Wingdings 2 The Quick Brown Fox Jumps Over The Lazy Dog
Wingdings 3 The Quick Brown Fox Jumps Over The Lazy Dog

Varia

  • 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


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


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;

Font 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.)


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=29256"