Fontide näidised: erinevus redaktsioonide vahel
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...' |
|||
| (ei näidata sama kasutaja 6 vahepealset redaktsiooni) | |||
| 1. rida: | 1. rida: | ||
==Core fonts for the Web== | |||
{| class="wikitable" | |||
! Font | |||
! Sample | |||
! Variants | |||
|- style="font-family: Arial, sans-serif; font-size: 16px;" | |||
| [[Arial]] | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular, '''Bold''', ''Italic'', '''''Bold Italic''''' | |||
|- style="font-family: 'Times New Roman', serif; font-size: 16px;" | |||
| [[Times New Roman]] | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular, '''Bold''', ''Italic'', '''''Bold Italic''''' | |||
|- style="font-family: 'Courier New', monospace; font-size: 16px;" | |||
| [[Courier New]] | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular, '''Bold''', ''Italic'', '''''Bold Italic''''' | |||
|- style="font-family: 'Comic Sans MS', cursive; font-size: 16px;" | |||
| [[Comic Sans MS]] | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular, '''Bold''', ''Italic'', '''''Bold Italic''''' | |||
|- style="font-family: Georgia, serif; font-size: 16px;" | |||
| [[Georgia (typeface)|Georgia]] | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular, '''Bold''', ''Italic'', '''''Bold Italic''''' | |||
|- style="font-family: 'Trebuchet MS', sans-serif; font-size: 16px;" | |||
| [[Trebuchet MS]] | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular, '''Bold''', ''Italic'', '''''Bold Italic''''' | |||
|- style="font-family: Verdana, sans-serif; font-size: 16px;" | |||
| [[Verdana]] | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular, '''Bold''', ''Italic'', '''''Bold Italic''''' | |||
|} | |||
==Common Windows fonts== | |||
{| class="wikitable" | |||
! Font | |||
! Since | |||
! Sample | |||
! Variants | |||
|- style="font-family: Tahoma, sans-serif; font-size: 16px;" | |||
| [[Tahoma (typeface)|Tahoma]] | |||
| Windows 98 | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular, '''Bold''' | |||
|- style="font-family: 'Lucida Sans Unicode', sans-serif; font-size: 16px;" | |||
| [[Lucida Sans Unicode]] | |||
| Windows 98 | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular | |||
|- style="font-family: 'Lucida Console', monospace; font-size: 16px;" | |||
| [[Lucida Console]] | |||
| Windows 98 | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular | |||
|- style="font-family: 'Microsoft Sans Serif', sans-serif; font-size: 16px;" | |||
| [[Microsoft Sans Serif]] | |||
| Windows 2000 | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular | |||
|- style="font-family: 'Palatino Linotype', serif; font-size: 16px;" | |||
| [[Palatino Linotype]] | |||
| Windows 2000 | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular, '''Bold''', ''Italic'', '''''Bold Italic''''' | |||
|- style="font-family: 'Franklin Gothic Medium', sans-serif; font-size: 16px;" | |||
| [[Franklin Gothic Medium]] | |||
| Windows XP | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Medium, ''Medium Italic'', '''''Bold Italic''''' | |||
|- style="font-family: 'Segoe UI', sans-serif; font-size: 16px;" | |||
| [[Segoe UI]] | |||
| Windows Vista | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular, '''Bold''', ''Italic'', '''''Bold Italic''''' | |||
|- style="font-family: Calibri, sans-serif; font-size: 16px;" | |||
| [[Calibri]] | |||
| Windows Vista | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular, '''Bold''', ''Italic'', '''''Bold Italic''''' | |||
|- style="font-family: Cambria, serif; font-size: 16px;" | |||
| [[Cambria (typeface)|Cambria]] | |||
| Windows Vista | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular, '''Bold''', ''Italic'', '''''Bold Italic''''' | |||
|- style="font-family: Candara, sans-serif; font-size: 16px;" | |||
| [[Candara]] | |||
| Windows Vista | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular, '''Bold''', ''Italic'', '''''Bold Italic''''' | |||
|- style="font-family: Consolas, monospace; font-size: 16px;" | |||
| [[Consolas]] | |||
| Windows Vista | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular, '''Bold''', ''Italic'', '''''Bold Italic''''' | |||
|- style="font-family: Constantia, serif; font-size: 16px;" | |||
| [[Constantia (typeface)|Constantia]] | |||
| Windows Vista | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular, '''Bold''', ''Italic'', '''''Bold Italic''''' | |||
|- style="font-family: Corbel, sans-serif; font-size: 16px;" | |||
| [[Corbel (typeface)|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. | |||
{| class="wikitable" | |||
! Font | |||
! Sample | |||
! Variants | |||
|- style="font-family: Arial Black, sans-serif; font-size: 24px;" | |||
| [[Arial|Arial Black]] | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Black | |||
|- style="font-family: Impact, sans-serif; font-size: 24px;" | |||
| [[Impact (typeface)|Impact]] | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular | |||
|- style="font-family: 'Franklin Gothic Medium', sans-serif; font-size: 24px;" | |||
| [[Franklin Gothic Medium]] | |||
| The Quick Brown Fox Jumps Over The Lazy Dog. | |||
| Regular | |||
|} | |||
==List of Fonts== | |||
{| cellpadding=4 cellspacing=0 border=1 style="font-family: verdana, sans-serif; margin: 0 0 1em 1em; font-size:90%; background-color: #f7f8ff;" | |||
|'''Font Name:''' | |||
|'''Example of font:''' | |||
|---- | |||
|Agency FB | |||
|<span style="font-family: 'Agency FB'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Algerian | |||
|<span style="font-family: Algerian; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Andale Mono | |||
|<span style="font-family: 'Andale Mono'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Arial | |||
|<span style="font-family: Arial; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Arial Black | |||
|<span style="font-family: Arial Black; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Arial Narrow | |||
|<span style="font-family: 'Arial Narrow'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Arial Rounded MT Bold | |||
|<span style="font-family: 'Arial Rounded MT Bold'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Baskerville Old Face | |||
|<span style="font-family: 'Baskerville Old Face'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Batik Regular | |||
|<span style="font-family: 'Batik Regular'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Bauhaus 93 | |||
|<span style="font-family: 'Bauhaus 93'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Bell MT | |||
|<span style="font-family: 'Bell MT'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Berlin Sans FB | |||
|<span style="font-family: 'Berlin Sans FB'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Berlin Sans FB Demi | |||
|<span style="font-family: 'Berlin Sans FB Demi'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Bernard MT Condensed | |||
|<span style="font-family: 'Bernard MT Condensed'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Blackadder ITC | |||
|<span style="font-family: 'Blackadder ITC'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Bodoni MT | |||
|<span style="font-family: 'Bodoni MT'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Bodoni MT Black | |||
|<span style="font-family: 'Bodoni MT Black'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Bodoni MT Condensed | |||
|<span style="font-family: 'Bodoni MT Condensed'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Bodoni MT Poster Compressed | |||
|<span style="font-family: 'Bodoni MT Poster Compressed'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Book Antiqua | |||
|<span style="font-family: 'Book Antiqua'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Bookman Old Style | |||
|<span style="font-family: 'Bookman Old Style'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Bradley Hand ITC | |||
|<span style="font-family: 'Bradley Hand ITC'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Britannic Bold | |||
|<span style="font-family: 'Britannic Bold'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Broadway | |||
|<span style="font-family: Broadway; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Brush Script MT | |||
|<span style="font-family: 'Brush Script MT'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Calibri | |||
|<span style="font-family: Calibri; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Californian FB | |||
|<span style="font-family: 'Californian FB'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Calisto MT | |||
|<span style="font-family: 'Calisto MT'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Cambria | |||
|<span style="font-family: Cambria; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Candara | |||
|<span style="font-family: Candara; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Castellar | |||
|<span style="font-family: Castellar; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Centaur | |||
|<span style="font-family: Centaur; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Century Gothic | |||
|<span style="font-family: 'Century Gothic'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Century Schoolbook | |||
|<span style="font-family: 'Century Schoolbook'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Chiller | |||
|<span style="font-family: Chiller; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Colonna MT | |||
|<span style="font-family: 'Colonna MT'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Comic Sans MS | |||
|<span style="font-family: 'comic sans ms'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Consolas | |||
|<span style="font-family: Consolas; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Constantia | |||
|<span style="font-family: Constantia; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Cooper Black | |||
|<span style="font-family: 'Cooper Black'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Copperplate Gothic Bold | |||
|<span style="font-family: 'Copperplate Gothic Bold'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Copperplate Gothic Light | |||
|<span style="font-family: 'Copperplate Gothic Light'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Corbel | |||
|<span style="font-family: Corbel; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Courier New | |||
|<span style="font-family: 'Courier New'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Curlz MT | |||
|<span style="font-family: 'Curlz MT'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Edwardian Script ITC | |||
|<span style="font-family: 'Edwardian Script ITC'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Elephant | |||
|<span style="font-family: Elephant; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Engravers MT | |||
|<span style="font-family: 'Engravers MT'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Eras Bold ITC | |||
|<span style="font-family: 'Eras Bold ITC'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Eras Demi ITC | |||
|<span style="font-family: 'Eras Demi ITC'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Eras Light ITC | |||
|<span style="font-family: 'Eras Light ITC'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Eras Medium ITC | |||
|<span style="font-family: 'Eras Medium ITC'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Felix Titling | |||
|<span style="font-family: 'Felix Titling'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Footlight MT Light | |||
|<span style="font-family: 'Footlight MT Light'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Forte | |||
|<span style="font-family: Forte; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Franklin Gothic Book | |||
|<span style="font-family: 'Franklin Gothic Book'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Franklin Gothic Demi | |||
|<span style="font-family: 'Franklin Gothic Demi'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Franklin Gothic Heavy | |||
|<span style="font-family: 'Franklin Gothic Heavy'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Franklin Gothic Medium | |||
|<span style="font-family: 'Franklin Gothic Medium'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Franklin Gothic Medium Cond | |||
|<span style="font-family: 'Franklin Gothic Medium Cond'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Freestyle Script | |||
|<span style="font-family: 'Freestyle Script'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|French Script MT | |||
|<span style="font-family: 'French Script MT'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Garamond | |||
|<span style="font-family: Garamond; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Georgia | |||
|<span style="font-family: Georgia; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Gigi | |||
|<span style="font-family: Gigi; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Gill Sans MT | |||
|<span style="font-family: 'Gill Sans'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|GulimChe | |||
|<span style="font-family: GulimChe; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Impact | |||
|<span style="font-family: Impact; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Kristen ITC | |||
|<span style="font-family: 'Kristen ITC'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Lucida Console | |||
|<span style="font-family: 'Lucida Console'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Lucida Handwriting | |||
|<span style="font-family: 'Lucida Handwriting'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|MingLiU | |||
|<span style="font-family: MingLiU; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Monotype Corsiva | |||
|<span style="font-family: 'Monotype Corsiva'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|MS Gothic | |||
|<span style="font-family: 'MS Gothic'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|MS Hei | |||
|<span style="font-family: 'MS Hei'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|MS Song | |||
|<span style="font-family: 'MS Song'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Old English Text MT | |||
|<span style="font-family: 'Old English Text MT'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Symbol | |||
|<span style="font-family: Symbol; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Tahoma | |||
|<span style="font-family: Tahoma; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Times New Roman | |||
|<span style="font-family: 'Times New Roman'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Trebuchet MS | |||
|<span style="font-family: 'Trebuchet MS'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Verdana | |||
|<span style="font-family: 'Verdana'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Webdings | |||
|<span style="font-family: Webdings; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Wingdings | |||
|<span style="font-family: Wingdings; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Wingdings 2 | |||
|<span style="font-family: 'Wingdings 2'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|Wingdings 3 | |||
|<span style="font-family: 'Wingdings 3'; font-size: 12pt">The Quick Brown Fox Jumps Over The Lazy Dog</span> | |||
|---- | |||
|} | |||
==Varia== | |||
*<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="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 Brown Fox Jumps Over The Lazy Dog. Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''</span> | ||
| 84. rida: | 481. rida: | ||
<span style="font-family: Courier New, Courier, monospace;">Courier New</span> | <span style="font-family: Courier New, Courier, monospace;">Courier New</span> | ||
Here are examples of code to use, for various fonts. | Here are examples of code to use, for various fonts. | ||
| 168. rida: | 493. rida: | ||
<span style="font-family: 'Courier New';">Courier New</span> | <span style="font-family: 'Courier New';">Courier New</span> | ||
The [[Core fonts for the Web]] have an [[installed base]] of 99% on Windows<ref name="Windows" /> (except Andalé Mono) and 92–98% on Mac OS X platforms,<ref name="Mac" /> 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.<ref name="Linux" /> | The [[Core fonts for the Web]] have an [[installed base]] of 99% on Windows<ref name="Windows" /> (except Andalé Mono) and 92–98% on Mac OS X platforms,<ref name="Mac" /> 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.<ref name="Linux" /> | ||
| 209. rida: | 501. rida: | ||
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: <code>font-family: "Comic Sans MS", Chalkboard SE, cursive, sans-serif;</code> | 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: <code>font-family: "Comic Sans MS", Chalkboard SE, cursive, sans-serif;</code> | ||
== | ==Font size== | ||
:''Note: This section holds true for 13px, but since the Typography Refresh, most fonts no longer match in 14px.'' | :''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 <span style="font-family: Arial;">Arial</span> as the base 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> and <span style="font-family: Verdana;">Verdana</span> are safe to use inline. <span style="font-family: 'Times New Roman';">Times New Roman</span> is ''not'' safe to use inline without scaling. Although <span style="font-family: 'Courier New';">Courier New</span> 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.) | Fonts that have the same [[cap height]] do not always match in [[x-height]], making them hard to mix inline without scaling. Based on <span style="font-family: Arial;">Arial</span> as the base 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> and <span style="font-family: Verdana;">Verdana</span> are safe to use inline. <span style="font-family: 'Times New Roman';">Times New Roman</span> is ''not'' safe to use inline without scaling. Although <span style="font-family: 'Courier New';">Courier New</span> 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. | Here are examples of code to use, for various fonts. | ||
| 244. rida: | 517. rida: | ||
<span style="font-family: 'Courier New';">Courier New</span> | <span style="font-family: 'Courier New';">Courier New</span> | ||
''Bold''', ''Italic'', '''''Bold Italic''''' | ''Bold''', ''Italic'', '''''Bold Italic''''' | ||
[[Kategooria:Juhend]] | |||
Viimane redaktsioon: 7. november 2025, kell 21:15
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