Liivakast: erinevus redaktsioonide vahel

← Vanem muudatusUuem muudatus →
VisuaalneVikitekst
63. rida: 63. rida:
</div>
</div>
----------------------------------------------------------------
----------------------------------------------------------------
==Fontide näidised==
*<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>
*<span style="font-family: Ink Free; font-size:16px;"> Font: Ink Free, 18px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''</span>
*<span style="background:white; color:black; font-family: Ink Free; font-size:100%;"> Font: Ink Free |The Quick Brown Fox Jumps Over The Lazy Dog.| Regular,| '''Bold''',| ''Italic'',| '''''Bold Italic'''''|</span>
*<span style="background:white; color:black; 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="background:white; color:black; font-family: Ink Free; font-size:16px;"> Font: Ink Free, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''</span>
*<span style="background:white; color:red; font-family: Comic Sans MS; font-size:16px;">Font: Comic Sans MS, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''</span>
*<span style="background:white; color:red; font-family: Helvetica, sans-serif; font-size:16px;">Font: Helvetica, sans-serif, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''</span>
*<span style="background:white; color:red; font-family: Arial, Helvetica, sans-serif; font-size:16px;">Font: Arial, Helvetica, sans-serif, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''</span>
*<span style="background:white; color:red; font-family: Arial, Helvetica, sans-serif; font-size:16px;">Font: Arial, Helvetica, sans-serif, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''</span>
*<span style="font-family: Times, serif; font-size: 16px;"
*<span style="font-family: Times New Roman, Times, serif;">Times New Roman</span>
*<span style="font-family: Courier, monospace; font-size: 16px;"
*<span style="font-family: Courier New, Courier, monospace;">Courier New</span>
*<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;"
*<span style="font-family: Arial;">Arial</span>; 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>
*<span style="font-family: Verdana;">Verdana</span>
*<span style="font-family: 'Courier New';">Courier New</span>
*<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: Old English Text; font-size:100%;">
*<span style="background:white; color:black; font-family: Ink Free; font-size:120%;">
*<span style="background:white; color:red; font-family: Comic Sans MS; font-size:100%;">
*<span style="background:white; color:black; font-family: Ink Free; font-size:100%;""
*<span style="font-family: Helvetica, sans-serif; font-size: 16px;"
*<span style="font-family: Arial, Helvetica, sans-serif;">Arial</span>
*<span style="font-family: Times, serif; font-size: 16px;"
*<span style="font-family: Courier, monospace; font-size: 16px;"
*<span style="font-family: Courier New, Courier, monospace;">Courier New</span>
*<span style="font-family: Arial;">Arial</span>; 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>
*<span style="font-family: Verdana;">Verdana</span>
*<span style="font-family: 'Times New Roman';">Times New Roman</span>
*<span style="font-family: 'Courier New';">Courier New</span>
*<span style="font-family:Andale Mono">Andalé Mono</span>
*<span style="font-family:"Lucida Console">Lucida Console</span>
*<span style="font-family: "Comic Sans MS", Chalkboard SE, cursive, sans-serif;</span>
*<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>
*<span style="font-family: 'Courier New';">Courier New</span> 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;"
[[Õhne veejõud 2]]
*<span style="background:white; color:black; 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="background:white; color:black; font-family: Ink Free; font-size:16px;"> Font: Ink Free, 18px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''</span>
[[Õhne jõgi]]
{| class="wikitable"
! Font
! Näidis
! Variandid
*<span style="background:white; color:black; font-family: Old English Text; font-size:16px;"> Font: Old English Text|The Quick Brown Fox Jumps Over The Lazy Dog.| Regular,| '''Bold''',| ''Italic'',| '''''Bold Italic'''''|</span>
*<span style="background:white; color:black; font-family: Ink Free; font-size:100%;"> Font: Ink Free |The Quick Brown Fox Jumps Over The Lazy Dog.| Regular,| '''Bold''',| ''Italic'',| '''''Bold Italic'''''|</span>
--------------------------------------------------------------------------------------------------
*<span style="background:white; color:black; 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="background:white; color:black; font-family: Ink Free; font-size:16px;"> Font: Ink Free, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''</span>
*<span style="background:white; color:red; font-family: Comic Sans MS; font-size:16px;">Font: Comic Sans MS, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''</span>
*<span style="background:white; color:red; font-family: Helvetica, sans-serif; font-size:16px;">Font: Helvetica, sans-serif, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''</span>
*<span style="background:white; color:red; font-family: Arial, Helvetica, sans-serif; font-size:16px;">Font: Arial, Helvetica, sans-serif, 16px | The Quick Brown Fox Jumps Over The Lazy Dog. Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''</span>
*<span style="background:white; color:red; font-family: Arial, Helvetica, sans-serif; font-size:16px;">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;"
|<span style="font-family: Times New Roman, Times, serif;">Times New Roman</span>
|- style="font-family: Courier, monospace; font-size: 16px;"
'
|<span style="font-family: Courier New, Courier, monospace;">Courier New</span>
|}
===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'''''
|}
Here are examples of code to use, for various fonts.
Safe to use inline (see above for details):
<span style="font-family: Arial;">Arial</span>; 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>
<span style="font-family: Verdana;">Verdana</span>
Not safe to use inline (see above for details):
<span style="font-family: 'Times New Roman';">Times New Roman</span>
<span style="font-family: 'Courier New';">Courier New</span>
===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'''''
|}
====Availability====
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" />
Originally part of the Core Web fonts, <span style="font-family:Andale Mono">Andalé Mono</span> is ''not'' installed with Windows (having been replaced by <span style="font-family:"Lucida Console">Lucida Console</span>), 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: <code>font-family: "Comic Sans MS", Chalkboard SE, cursive, sans-serif;</code>
====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 <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.)
==== 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
|}
{| class="wikitable"
! Font
! Näidis
! Variandid
|- <span style="background:white; color:black; font-family: Old English Text; font-size:100%;">
| [[Old English Text]]
| The Quick Brown Fox Jumps Over The Lazy Dog.
| Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''
|- <span style="background:white; color:black; font-family: Ink Free; font-size:120%;">
| [[Ink Free]]
| The Quick Brown Fox Jumps Over The Lazy Dog.
| Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''
|}
[[Õhne veejõud 3]]
{| class="wikitable"
! Font
! Näidis
! Variandid
|- <span style="background:white; color:red; font-family: Comic Sans MS; font-size:100%;">
| [[Comic Sans MS]] *
| The Quick Brown Fox Jumps Over The Lazy Dog.
| Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''
|- style="<span style="background:white; color:black; font-family: Ink Free; font-size:100%;""
| [[Times New Roman]]
| The Quick Brown Fox Jumps Over The Lazy Dog.
| Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''
|}
[[Õhne veejõud]]
{| class="wikitable"
! Font
! Sample
! Variants
! Windows substitute
|- style="font-family: Helvetica, sans-serif; font-size: 16px;"
| [[Helvetica]]
| The Quick Brown Fox Jumps Over The Lazy Dog.
| Regular, '''Bold''', ''Italic'', '''''Bold&nbsp;Italic'''''
|<span style="font-family: Arial, Helvetica, sans-serif;">Arial</span>
|- style="font-family: Times, serif; font-size: 16px;"
| [[Times (typeface)|Times]]
| The Quick Brown Fox Jumps Over The Lazy Dog.
| Regular, '''Bold''', ''Italic'', '''''Bold&nbsp;Italic'''''
|<span style="font-family: Times New Roman, Times, serif;">Times New Roman</span>
|- style="font-family: Courier, monospace; font-size: 16px;"
| [[Courier (typeface)|Courier]]
| The Quick Brown Fox Jumps Over The Lazy Dog.
| Regular, '''Bold''', ''Italic'', '''''Bold&nbsp;Italic'''''
|<span style="font-family: Courier New, Courier, monospace;">Courier New</span>
|}
===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'''''
|}
Here are examples of code to use, for various fonts.
Safe to use inline (see above for details):
<span style="font-family: Arial;">Arial</span>; 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>
<span style="font-family: Verdana;">Verdana</span>
Not safe to use inline (see above for details):
<span style="font-family: 'Times New Roman';">Times New Roman</span>
<span style="font-family: 'Courier New';">Courier New</span>
===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'''''
|}
====Availability====
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" />
Originally part of the Core Web fonts, <span style="font-family:Andale Mono">Andalé Mono</span> is ''not'' installed with Windows (having been replaced by <span style="font-family:"Lucida Console">Lucida Console</span>), 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: <code>font-family: "Comic Sans MS", Chalkboard SE, cursive, sans-serif;</code>
====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 <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.)
==== 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
|}
<!--
notoc__ 
==Menüü proov:==
<div style='text-align: left; font-family: Helvetica; font-size:115%'>
<span style="background:#ebecf0; color:#4259a9; >[[Mõisatõlk|&nbsp;Mõisatõlk&nbsp; ]]</span style>&nbsp;
<span style="background:#ebecf0; color:#4259a9; >[[SISUPUU|&nbsp;Artiklite teemavalik ]]</span style>&nbsp;
<span style="background:#ebecf0; color:#4259a9; >[[KLOON|&nbsp;Veskiartikli mallid ]]</span style>&nbsp;
<br>
<span style="background:#ebecf0; color:#4259a9; >[[Weskiwiki kasutamine|&nbsp;Kasutamine ]]</span style>&nbsp;
<span style="background:#ebecf0; color:#4259a9; >[https://www.mediawiki.org/wiki/Help:Contents Mediawiki Help (eng)] </span style>&nbsp;
<br>
<span style="background:#ebecf0; color:#4259a9; >[https://et.wikipedia.org/wiki/Juhend:Lehek%C3%BClje_muutmine Vormistuse-abi Vikipeedias (est)]</span style>&nbsp;
<span style="background:#ebecf0; color:#4259a9; >[https://www.google.com/maps/d/edit?mid=1sKF7eERdafqedmV56vP3lCeW1LGMTTU&usp=sharing Veskite kaart Google-maps rakenduses (proov-test)]</span style>&nbsp;
<span style="background:#ebecf0; color:#4259a9; font-size:90%>[[MALLID|&nbsp;Mallide kasutamine ]]</span style>&nbsp;
<span style="background:#ebecf0; color:#4259a9; >[[Märgendid ja Mallid]]</span style>&nbsp;
<br>
<span style="background:#ebecf0; color:#4259a9; font-size:100%>[[Special:Search|&nbsp;Otsing ]]</span style>&nbsp;
<br>
</div style>
==Alfabeetiline menüü:==
--------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------
<span style="font-size:100%">
[[VESKITE_LOEND#A|('''A''')]] . [[VESKITE_LOEND#B|('''B''')]] . [[VESKITE_LOEND#D|('''D''')]] . [[VESKITE_LOEND#E|('''E''')]] . [[VESKITE_LOEND#F|('''F''')]] . [[VESKITE_LOEND#G|('''G''')]] . [[VESKITE_LOEND#H|('''H''')]] . [[VESKITE_LOEND#I|('''I''')]] . [[VESKITE_LOEND#J|('''J''')]] . [[VESKITE_LOEND#K|('''K''')]] . [[VESKITE_LOEND#L|('''L''')]] . [[VESKITE_LOEND#M|('''M''')]] . [[VESKITE_LOEND#N|('''N''')]] . [[VESKITE_LOEND#O|('''O''')]] . [[VESKITE_LOEND#P|('''P''')]] . [[VESKITE_LOEND#Q|('''Q''')]] . [[VESKITE_LOEND#R|('''R''')]] . [[VESKITE_LOEND#S|('''S''')]] . [[VESKITE_LOEND#Š|('''Š''')]] . [[VESKITE_LOEND#Z|('''Z''')]] . [[VESKITE_LOEND#T|('''T''')]] . [[VESKITE_LOEND#U|('''U''')]] . [[VESKITE_LOEND#V|('''V''')]] . [[VESKITE_LOEND#Õ|('''Õ''')]] . [[VESKITE_LOEND#Ä|('''Ä''')]] . [[VESKITE_LOEND#Ö|('''Ö''')]] . [[VESKITE_LOEND#Ü|('''Ü''')]] . [[X_Help|('''X''')]]
</span> </div>
------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------
==Lihtne tekstimenüü==
-------------------------------
[[VESKITE LIHTLOEND]] | [[SLAIDIVAATUR]] | [[Media:Nimi-Aadresss-Koordinaat-Seisukord.xlsx| allikfail ]] | [https://docs.google.com/spreadsheets/d/1xk2KIk6QeyK_yocTiHzCkHx25J1bEQO6Q8ruZR0IGB0/edit?usp=sharing allik-fail] | [[VESKITE KOORDINAADID]]
---------------------------------------------------
==Raamiga menüü, border=15px: ==
{| id="mp-topbanner" style="width:100%;  margin:1.2em 0 6px 0; border:15px solid #ddd;"
| style="width:100%; color:#000;" |
<div style='text-align: center; font-family: Helvetica; font-size:160%'>
<span style="background:#ebecf0; color:#4259a9; font-size:120%">[[(ennokirt)®#HELME KIHELKOND|&nbsp;ALGUS&nbsp;]]</span style>&nbsp;
<span style="background:#ebecf0; color:#4259a9; font-size:120%">[https://www.mulgimaa.ee/mulgi-keel-ja-meel/ajalugu/kihelkonnad/helme/helme-kihelkonna-ajaloost/ &nbsp;AJALUGU&nbsp;]</span style>&nbsp;
<span style="background:#ebecf0; color:#4259a9; font-size:120%">[[(ennokirt)(2) |&nbsp;INIMESED&nbsp;]]</span style>&nbsp;
<span style="background:#ebecf0; color:#4259a9; font-size:120%">[[(ennokirt)(3)|&nbsp;SÕDA&nbsp;]]</span style>&nbsp;
<span style="background:#ebecf0; color:#4259a9; font-size:120%">[[(ennokirt)(4)|&nbsp;SÜÜDIMATUS&nbsp;]]</span style>&nbsp;
<span style="background:#ebecf0; color:#4259a9; font-size:120%">[[(ennokirt)®#Loodus#|&nbsp;LOODUS&nbsp;]]</span style>&nbsp;
<span style="background:#ebecf0; color:#4259a9; font-size:120%">[[Õhne jõgi|&nbsp;ÕHNE&nbsp;]]</span style>&nbsp;
<span style="background:#ebecf0; color:#4259a9; font-size:120%">[[(ennokirt)®#Tultsi Veski Tõrva Linnas|&nbsp;PÄRAND&nbsp;]]</span style>&nbsp;
<span style="background:#ebecf0; color:#4259a9; font-size:120%">[[Veskite loend|&nbsp;PAIGAD&nbsp;]]</span style>&nbsp;
<span style="background:#ebecf0; color:#4259a9; font-size:120%">[[Veskite loend|&nbsp;EHITISED&nbsp;]]</span style>&nbsp;&nbsp;
<span style="background:#ebecf0; color:#4259a9; font-size:120%">[[HelmeTorvaKaart|&nbsp;KAART&nbsp;]]</span style>&nbsp;
</div>
|}
==Raamiga menüü, border - 10px: ==
{| id="mp-topbanner" style="width:100%;  margin:1.2em 0 6px 0; border:10px solid #ddd;"
| style="width:30%; color:#000;" |
{| style="width:100%; border:none; background:none;"
| style="width:300px; text-align:center; white-space:nowrap; color:#000;" |
<div style="top:+0.2em; font-size:120%;">  Languages: English[[Main Page]] | [[DEUTSCHE NAMEN|Deutsch]] | [[Main Page|Español]] | [[Main Page/it|Italiano]] | [[Main Page/ru|Pусский]]  |</div>
|}
|}
==Keelemenüü,  fontsize 80% ==
{| id="mp-topbanner" style="width:100%;  margin:1.2em 0 6px 0; border:10px solid #ddd;"
| style="width:30%; color:#000;" |
{| style="width:100%; border:none; background:none;"
| style="width:300px; text-align:center; white-space:nowrap; color:#000;" |
<div style="top:+0.2em; font-size:80%;"><b>Languages:</b> | <i>English</i> | [[Main Page]] | [[DEUTSCHE NAMEN|Deutsch]] | [[Main Page|Español]] | [[Main Page/it|Italiano]] | [[Main Page/ru|Pусский]]  |</div>
|}
|}
==Keelemenüü border:5px==
{| id="mp-topbanner" style="width:100%;  margin:1.2em 0 6px 0; border:5px solid #ddd;"
| style="width:61%; color:#000;" |
{| style="width:100%; border:none; background:none;"
| style="width:280px; text-align:center; white-space:nowrap; color:#000;" |
<div style="top:+0.2em; font-size:125%;"><b>Languages:</b> | <i>English</i> | [[Main Page]] | [[<u>Main Page/de|Deutsch</u>]] | [[Main Page|Español]] | [[Main Page/it|Italiano]] | [[Main Page/ru|Pусский]]  |</div>
|}
|}
==Keelemenüü, border:2 px  ==
{| id="mp-topbanner" style="width:100%;  margin:1.2em 0 6px 0; border:2px solid #ddd;"
| style="width:61%; color:#000;" |
{| style="width:100%; border:none; background:none;"
| style="width:280px; text-align:center; white-space:nowrap; color:#000;" |
<div style="top:+0.2em; font-size:125%;"><b>Languages:</b> | <i>English</i> | [[Main Page]] | [[Main Page/de|Deutsch]] | [[Main Page|Español]] | [[Main Page/it|Italiano]] | [[Main Page/ru|Pусский]]  |</div>
|}
|}
==Ankur==
*[[Vooremägi]]
*[[Liva küla]]
*[[Kiisalinn]]
*[[Saksa kaitseliin]]
*[[Ljahhovi lennuk]]
=====''[[galeriide testimine]]''=====
==VESKID TABELIS==
tekst 18px<br>
{| class="wikitable" style="font-size:18px;"
|-
! NIMI
! AADRESS
! KOORDINAADID
! SEISUKORD
! HOONE/SÄILIVUS
|-
| [[Ardla Aadu tuulik]]
| Saare maakond, Saaremaa vald, Ardla küla
| [  <u>kaart</u>]
| [https://pk.rmk.ee/parandkultuur/UI/UI478.jpg Foto 2011. a.  Emapuu ja jala kivid]
| Pukktuuliku vare
|-
| [[Asva Aadu tuulik]]
| Saare maakond, Saaremaa vald, Asva küla
| [  <u>kaart</u>]
| [https://pk.rmk.ee/parandkultuur/US/US716.jpg Foto 2010. a. Emapuu ja jala kivid]
| Pukktuuliku vare
|-
| [[Einbi Tuuleveski]]
| Lääne maakond, Lääne-Nigula vald, Einbi küla 
| [ <u>kaart</u>]
| [https://pk.rmk.ee/parandkultuur//RK//RK666.jpg ; foto 2007. a. Emapuu ja jala kivid]
| [[Fail:Imavere Otsa pukktuulik.jpg|120px]]
|-
|}
<br>
tekst 12px
{| class="wikitable" style="font-size:12px;"
|-
! NIMI
! AADRESS
! KOORDINAADID
! SEISUKORD
! HOONE/SÄILIVUS
|-
| [[Ardla Aadu tuulik]]
| Saare maakond, Saaremaa vald, Ardla küla
| [  <u>kaart</u>]
| [https://pk.rmk.ee/parandkultuur/UI/UI478.jpg Foto 2011. a.]
| emapuu ja jala kivid
|-
| [[Aarike karjamõisa veski]]
| Tartu maakond, Kambja vald, Virulase küla, Aarike/2
| [https://www.google.com/maps/place/58.251643,26.658721/@58.251643,26.658721,10.5z/  N: 58.251643 E: 26.658721  <u>kaart</u>]
| [https://pk.rmk.ee/parandkultuur/BS/BS106.jpg emapuu ja jala kivid
]
| vesiveski, puit
|-
|}
tekst 24px
{| class="wikitable" style="font-size:24px;"
|-
! NIMI
! AADRESS
! KOORDINAADID
! SEISUKORD
! HOONE
|-
| [[Ala-Horsa veski]]
| Võru maakond, Rõuge vald, Horsa küla, Seedri puhketalu
| [https://www.google.com/maps/place/57.783393,26.908781/@57.783393,26.908781,10.5z/  N: 57.783393 E: 26.908781  <u>kaart</u>]
| Hävinud/säilinud/pole teada
| vesiveski, puit
|}
'''SISSELOGIMINE'''
Username: {{#slideshow:
<div>Password: _</div>
<div>Password:</div>
|id=bar refresh=500
}}
------------------------------
==Galeriipõhine menüü:==
==='''160 px''' ( 960x640 )===
<div style="text-align: center;">
[[Image:Abja linaveski sisevaade 960x640.jpg|160px|A]]
[[Image:Andja tuulik 960x640.jpg|160px|A]]
[[Image:Ehavere veskiline 960x640.jpg|160px|E]]
[[Image:Haavakivi veski 960x640.jpg|160px|H]]
[[Image:Hellenurme saeveski 960x640.jpg|160px|H]]
[[Image:Ingliste veski ja mõis 960x640.jpg|160px|I]]
[[Image:Jändja puupapi veski 960x640.jpg|160px|J]]
[[Image:Kasaritsa veski ja kõrts 960x640.jpg|160px|K]]
[[Image:Kuigatsi juustukoda 960x640.jpg|160px|K]]
[[Image:Lihula mootorveski 960x640.jpg|160px|L]]
[[Image:Mustjala tuulik 960x640.jpg|160px|M]]
[[Image:Muuga tuulik 960x640.jpg|160px|M]]
[[Image:Narva Kulgu tuulik 960x640.jpg|160px|N]]
[[Image:Nurme veski-tuulik 960x640.jpg|160px|N]]
[[Image:Nõmmeveski turbiin 960x640.jpg|160px|N]]
[[Image:Poka veski 960x640.jpg|160px|P]]
[[Image:Pätsi veski 960x640.jpg|160px|P]]
[[Image:Raesaare tööstus 960x640.jpg|160px|R]]
[[Image:Ruhnu tuulik 960x640.jpg|160px|R]]
[[Image:Skits Angla tuulikumäelt 960x640.jpg|160px|S]]
[[Image:Tapa elektrijaam 960x640.jpg|160px|T]]
[[Image:Tuvastamata tuugen 960x640.jpg|160px|T]]
[[Image:Uuekariste veski 960x640.jpg|160px|U]]
[[Image:Vesiratas (pealtvooluga) 960x640.jpg|160px|V]]
[[Image:Võsu saeveski 960x640.jpg|160px|V]]
[[Image:Võõpsu puittuulik 960x640.jpg|160px|V]]
[[Image:Õisu veskijärv ja veski 960x640.jpg|160px|Õ]]
[[Image:Äksi villaveski sisustus 960x640.jpg|160px|Ä]]
</div style>
==='''110 px'''===
<div style="text-align: center;">
[[Image:A.jpg|110px|link=[[VESKITE_LOEND#A]]|A]]
[[Image:E.jpg|110px|link=[[VESKITE_LOEND#E]]|E]]
[[Image:H.jpg|110px|link=[[VESKITE_LOEND#H]]|H]]
[[Image:I.jpg|110px|link=[[VESKITE_LOEND#I]]|I]]
[[Image:(J).jpg|110px|link=[[VESKITE_LOEND#J]]|J]]
[[Image:K.jpg|110px|link=[[VESKITE_LOEND#K]]|K]]
[[Image:L.jpg|110px|link=[[VESKITE_LOEND#L]]|L]]
[[Image:(M).jpg|110px|link=[[VESKITE_LOEND#M]]|M]]
[[Image:(N).jpg|110px|link=[[VESKITE_LOEND#N]]|N]]
[[Image:(O).jpg|110px|link=[[VESKITE_LOEND#O]]|O]]
[[Image:P.jpg|110px|link=[[VESKITE_LOEND#P]]|P]]
[[Image:R.jpg|110px|link=[[VESKITE_LOEND#R]]|R]]
[[Image:S.jpg|110px|link=[[VESKITE_LOEND#S]]|S]]
[[Image:T.jpg|110px|link=[[VESKITE_LOEND#T]]|T]]
[[Image:U.jpg|110px|link=[[VESKITE_LOEND#U]]|U]]
[[Image:V.jpg|110px|link=[[VESKITE_LOEND#V]]|V]]
[[Image:(Õ).jpg|110px|link=[[VESKITE_LOEND#Õ]]|Õ]]
[[Image:Ä.jpg|110px|link=[[VESKITE_LOEND#Ä]]|Ä]]
[[Image:A.jpg|110px|link=[[VESKITE_LOEND#A]]|A]]
[[Image:E.jpg|110px|link=[[VESKITE_LOEND#E]]|E]]
[[Image:H.jpg|110px|link=[[VESKITE_LOEND#H]]|H]]
[[Image:I.jpg|110px|link=[[VESKITE_LOEND#I]]|I]]
[[Image:(J).jpg|110px|link=[[VESKITE_LOEND#J]]|J]]
[[Image:K.jpg|110px|link=[[VESKITE_LOEND#K]]|K]]
[[Image:L.jpg|110px|link=[[VESKITE_LOEND#L]]|L]]
[[Image:(M).jpg|110px|link=[[VESKITE_LOEND#M]]|M]]
[[Image:(N).jpg|110px|link=[[VESKITE_LOEND#N]]|N]]
[[Image:(O).jpg|110px|link=[[VESKITE_LOEND#O]]|O]]
[[Image:P.jpg|110px|link=[[VESKITE_LOEND#P]]|P]]
[[Image:R.jpg|110px|link=[[VESKITE_LOEND#R]]|R]]
[[Image:S.jpg|110px|link=[[VESKITE_LOEND#S]]|S]]
[[Image:T.jpg|110px|link=[[VESKITE_LOEND#T]]|T]]
[[Image:U.jpg|110px|link=[[VESKITE_LOEND#U]]|U]]
[[Image:V.jpg|110px|link=[[VESKITE_LOEND#V]]|V]]
[[Image:(Õ).jpg|110px|link=[[VESKITE_LOEND#Õ]]|Õ]]
[[Image:Ä.jpg|110px|link=[[VESKITE_LOEND#Ä]]|Ä]]
</div>
<div style="text-align: center;">
[[Image:A.jpg|180px|link=[[VESKITE_LOEND#A]]|A]]
[[Image:E.jpg|180px|link=[[VESKITE_LOEND#E]]|E]]
[[Image:H.jpg|180px|link=[[VESKITE_LOEND#H]]|H]]
[[Image:I.jpg|180px|link=[[VESKITE_LOEND#I]]|I]]
[[Image:(J).jpg|180px|link=[[VESKITE_LOEND#J]]|J]]
[[Image:K.jpg|180px|link=[[VESKITE_LOEND#K]]|K]]
[[Image:L.jpg|180px|link=[[VESKITE_LOEND#L]]|L]]
[[Image:(M).jpg|180px|link=[[VESKITE_LOEND#M]]|M]]
[[Image:(N).jpg|180px|link=[[VESKITE_LOEND#N]]|N]]
[[Image:(O).jpg|180px|link=[[VESKITE_LOEND#O]]|O]]
[[Image:P.jpg|180px|link=[[VESKITE_LOEND#P]]|P]]
[[Image:R.jpg|180px|link=[[VESKITE_LOEND#R]]|R]]
[[Image:S.jpg|180px|link=[[VESKITE_LOEND#S]]|S]]
[[Image:T.jpg|180px|link=[[VESKITE_LOEND#T]]|T]]
[[Image:U.jpg|180px|link=[[VESKITE_LOEND#U]]|U]]
[[Image:V.jpg|180px|link=[[VESKITE_LOEND#V]]|V]]
[[Image:(Õ).jpg|180px|link=[[VESKITE_LOEND#Õ]]|Õ]]
[[Image:Ä.jpg|180px|link=[[VESKITE_LOEND#Ä]]|Ä]]
--------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------
<span style="font-size:120%">
[[VESKITE_LOEND#A|('''A''')]] . [[VESKITE_LOEND#B|('''B''')]] . [[VESKITE_LOEND#D|('''D''')]] . [[VESKITE_LOEND#E|('''E''')]] . [[VESKITE_LOEND#F|('''F''')]] . [[VESKITE_LOEND#G|('''G''')]] . [[VESKITE_LOEND#H|('''H''')]] . [[VESKITE_LOEND#I|('''I''')]] . [[VESKITE_LOEND#J|('''J''')]] . [[VESKITE_LOEND#K|('''K''')]] . [[VESKITE_LOEND#L|('''L''')]] . [[VESKITE_LOEND#M|('''M''')]] . [[VESKITE_LOEND#N|('''N''')]] . [[VESKITE_LOEND#O|('''O''')]] . [[VESKITE_LOEND#P|('''P''')]] . [[VESKITE_LOEND#Q|('''Q''')]] . [[VESKITE_LOEND#R|('''R''')]] . [[VESKITE_LOEND#S|('''S''')]] . [[VESKITE_LOEND#Š|('''Š''')]] . [[VESKITE_LOEND#Z|('''Z''')]] . [[VESKITE_LOEND#T|('''T''')]] . [[VESKITE_LOEND#U|('''U''')]] . [[VESKITE_LOEND#V|('''V''')]] . [[VESKITE_LOEND#Õ|('''Õ''')]] . [[VESKITE_LOEND#Ä|('''Ä''')]] . [[VESKITE_LOEND#Ö|('''Ö''')]] . [[VESKITE_LOEND#Ü|('''Ü''')]]
</span> </div>
------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------
------------------------------
<div style="text-align: center;">
[[Image:A.jpg|180px|link=[[VESKITE_LOEND#A]]|A]]
[[Image:E.jpg|180px|link=[[VESKITE_LOEND#E]]|E]]
[[Image:H.jpg|180px|link=[[VESKITE_LOEND#H]]|H]]
[[Image:I.jpg|180px|link=[[VESKITE_LOEND#I]]|I]]
[[Image:(J).jpg|180px|link=[[VESKITE_LOEND#J]]|J]]
[[Image:K.jpg|180px|link=[[VESKITE_LOEND#K]]|K]]
[[Image:L.jpg|180px|link=[[VESKITE_LOEND#L]]|L]]
[[Image:(M).jpg|180px|link=[[VESKITE_LOEND#M]]|M]]
[[Image:(N).jpg|180px|link=[[VESKITE_LOEND#N]]|N]]
[[Image:(O).jpg|180px|link=[[VESKITE_LOEND#O]]|O]]
[[Image:P.jpg|180px|link=[[VESKITE_LOEND#P]]|P]]
[[Image:R.jpg|180px|link=[[VESKITE_LOEND#R]]|R]]
[[Image:S.jpg|180px|link=[[VESKITE_LOEND#S]]|S]]
[[Image:T.jpg|180px|link=[[VESKITE_LOEND#T]]|T]]
[[Image:U.jpg|180px|link=[[VESKITE_LOEND#U]]|U]]
[[Image:V.jpg|180px|link=[[VESKITE_LOEND#V]]|V]]
[[Image:(Õ).jpg|180px|link=[[VESKITE_LOEND#Õ]]|Õ]]
[[Image:Ä.jpg|180px|link=[[VESKITE_LOEND#Ä]]|Ä]]
--------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------
<span style="font-size:120%">
[[VESKITE_LOEND#A|('''A''')]] . [[VESKITE_LOEND#B|('''B''')]] . [[VESKITE_LOEND#D|('''D''')]] . [[VESKITE_LOEND#E|('''E''')]] . [[VESKITE_LOEND#F|('''F''')]] . [[VESKITE_LOEND#G|('''G''')]] . [[VESKITE_LOEND#H|('''H''')]] . [[VESKITE_LOEND#I|('''I''')]] . [[VESKITE_LOEND#J|('''J''')]] . [[VESKITE_LOEND#K|('''K''')]] . [[VESKITE_LOEND#L|('''L''')]] . [[VESKITE_LOEND#M|('''M''')]] . [[VESKITE_LOEND#N|('''N''')]] . [[VESKITE_LOEND#O|('''O''')]] . [[VESKITE_LOEND#P|('''P''')]] . [[VESKITE_LOEND#Q|('''Q''')]] . [[VESKITE_LOEND#R|('''R''')]] . [[VESKITE_LOEND#S|('''S''')]] . [[VESKITE_LOEND#Š|('''Š''')]] . [[VESKITE_LOEND#Z|('''Z''')]] . [[VESKITE_LOEND#T|('''T''')]] . [[VESKITE_LOEND#U|('''U''')]] . [[VESKITE_LOEND#V|('''V''')]] . [[VESKITE_LOEND#Õ|('''Õ''')]] . [[VESKITE_LOEND#Ä|('''Ä''')]] . [[VESKITE_LOEND#Ö|('''Ö''')]] . [[VESKITE_LOEND#Ü|('''Ü''')]]
</span> </div>
------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------
------------------------------
<div style="text-align: center;">
[[Image:A.jpg|150px|link=[[VESKITE_LOEND#A]]|A]]
[[Image:E.jpg|150px|link=[[VESKITE_LOEND#E]]|E]]
[[Image:H.jpg|150px|link=[[VESKITE_LOEND#H]]|H]]
[[Image:I.jpg|150px|link=[[VESKITE_LOEND#I]]|I]]
[[Image:(J).jpg|150px|link=[[VESKITE_LOEND#J]]|J]]
[[Image:K.jpg|150px|link=[[VESKITE_LOEND#K]]|K]]
[[Image:L.jpg|150px|link=[[VESKITE_LOEND#L]]|L]]
[[Image:(M).jpg|150px|link=[[VESKITE_LOEND#M]]|M]]
[[Image:(N).jpg|150px|link=[[VESKITE_LOEND#N]]|N]]
[[Image:(O).jpg|150px|link=[[VESKITE_LOEND#O]]|O]]
[[Image:P.jpg|150px|link=[[VESKITE_LOEND#P]]|P]]
[[Image:R.jpg|150px|link=[[VESKITE_LOEND#R]]|R]]
[[Image:S.jpg|150px|link=[[VESKITE_LOEND#S]]|S]]
[[Image:T.jpg|150px|link=[[VESKITE_LOEND#T]]|T]]
[[Image:U.jpg|150px|link=[[VESKITE_LOEND#U]]|U]]
[[Image:V.jpg|150px|link=[[VESKITE_LOEND#V]]|V]]
[[Image:(Õ).jpg|150px|link=[[VESKITE_LOEND#Õ]]|Õ]]
[[Image:Ä.jpg|150px|link=[[VESKITE_LOEND#Ä]]|Ä]]
--------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------
<span style="font-size:120%">
[[VESKITE_LOEND#A|('''A''')]] . [[VESKITE_LOEND#B|('''B''')]] . [[VESKITE_LOEND#D|('''D''')]] . [[VESKITE_LOEND#E|('''E''')]] . [[VESKITE_LOEND#F|('''F''')]] . [[VESKITE_LOEND#G|('''G''')]] . [[VESKITE_LOEND#H|('''H''')]] . [[VESKITE_LOEND#I|('''I''')]] . [[VESKITE_LOEND#J|('''J''')]] . [[VESKITE_LOEND#K|('''K''')]] . [[VESKITE_LOEND#L|('''L''')]] . [[VESKITE_LOEND#M|('''M''')]] . [[VESKITE_LOEND#N|('''N''')]] . [[VESKITE_LOEND#O|('''O''')]] . [[VESKITE_LOEND#P|('''P''')]] . [[VESKITE_LOEND#Q|('''Q''')]] . [[VESKITE_LOEND#R|('''R''')]] . [[VESKITE_LOEND#S|('''S''')]] . [[VESKITE_LOEND#Š|('''Š''')]] . [[VESKITE_LOEND#Z|('''Z''')]] . [[VESKITE_LOEND#T|('''T''')]] . [[VESKITE_LOEND#U|('''U''')]] . [[VESKITE_LOEND#V|('''V''')]] . [[VESKITE_LOEND#Õ|('''Õ''')]] . [[VESKITE_LOEND#Ä|('''Ä''')]] . [[VESKITE_LOEND#Ö|('''Ö''')]] . [[VESKITE_LOEND#Ü|('''Ü''')]]
</span> </div>
------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------
------------------------------
<div style="text-align: center;">
[[Image:A.jpg|160px|link=[[VESKITE_LOEND#A]]|A]]
[[Image:E.jpg|160px|link=[[VESKITE_LOEND#E]]|E]]
[[Image:H.jpg|160px|link=[[VESKITE_LOEND#H]]|H]]
[[Image:I.jpg|160px|link=[[VESKITE_LOEND#I]]|I]]
[[Image:(J).jpg|160px|link=[[VESKITE_LOEND#J]]|J]]
[[Image:K.jpg|160px|link=[[VESKITE_LOEND#K]]|K]]
[[Image:L.jpg|160px|link=[[VESKITE_LOEND#L]]|L]]
[[Image:(M).jpg|160px|link=[[VESKITE_LOEND#M]]|M]]
[[Image:(N).jpg|160px|link=[[VESKITE_LOEND#N]]|N]]
[[Image:(O).jpg|160px|link=[[VESKITE_LOEND#O]]|O]]
[[Image:P.jpg|160px|link=[[VESKITE_LOEND#P]]|P]]
[[Image:R.jpg|160px|link=[[VESKITE_LOEND#R]]|R]]
[[Image:S.jpg|160px|link=[[VESKITE_LOEND#S]]|S]]
[[Image:T.jpg|160px|link=[[VESKITE_LOEND#T]]|T]]
[[Image:U.jpg|160px|link=[[VESKITE_LOEND#U]]|U]]
[[Image:V.jpg|160px|link=[[VESKITE_LOEND#V]]|V]]
[[Image:(Õ).jpg|160px|link=[[VESKITE_LOEND#Õ]]|Õ]]
[[Image:Ä.jpg|160px|link=[[VESKITE_LOEND#Ä]]|Ä]]
--------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------
<span style="font-size:120%">
[[VESKITE_LOEND#A|('''A''')]] . [[VESKITE_LOEND#B|('''B''')]] . [[VESKITE_LOEND#D|('''D''')]] . [[VESKITE_LOEND#E|('''E''')]] . [[VESKITE_LOEND#F|('''F''')]] . [[VESKITE_LOEND#G|('''G''')]] . [[VESKITE_LOEND#H|('''H''')]] . [[VESKITE_LOEND#I|('''I''')]] . [[VESKITE_LOEND#J|('''J''')]] . [[VESKITE_LOEND#K|('''K''')]] . [[VESKITE_LOEND#L|('''L''')]] . [[VESKITE_LOEND#M|('''M''')]] . [[VESKITE_LOEND#N|('''N''')]] . [[VESKITE_LOEND#O|('''O''')]] . [[VESKITE_LOEND#P|('''P''')]] . [[VESKITE_LOEND#Q|('''Q''')]] . [[VESKITE_LOEND#R|('''R''')]] . [[VESKITE_LOEND#S|('''S''')]] . [[VESKITE_LOEND#Š|('''Š''')]] . [[VESKITE_LOEND#Z|('''Z''')]] . [[VESKITE_LOEND#T|('''T''')]] . [[VESKITE_LOEND#U|('''U''')]] . [[VESKITE_LOEND#V|('''V''')]] . [[VESKITE_LOEND#Õ|('''Õ''')]] . [[VESKITE_LOEND#Ä|('''Ä''')]] . [[VESKITE_LOEND#Ö|('''Ö''')]] . [[VESKITE_LOEND#Ü|('''Ü''')]]
</span> </div>
------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------
==INFOKASTID==
===Täidetud===
{| class="wikitable"
|+ Täidetud
!Nimi
!Aadress
!Koordinaadid
!Seisukord
!Hoone
|-
|'''[[Soontaga veski]]
|'''Valgamaa, Puka vald, Soontaga
||[https://www.google.com/maps/place/58.251643,26.658721/@58.251643,26.658721,10.5z/ ''' N: 58.251643 E: 26.658721 <u>kaart</u>]
|'''varemed (vaatlus 2010 a)
|'''maakividest osaliselt  kahekordne'''
|-
|''[[Soontaga mõisa vesiveski]]''
|Valgamaa, Puka vald, Soontaga
||[https://www.google.com/maps/place/58.251643,26.658721/@58.251643,26.658721,10.5z/  N: 58.251643 E: 26.658721 <u>kaart</u>]
|varemed (vaatlus 2010 a)
|maakividest osaliselt  kahekordne
|-
|[[Adleri veski]]
|Valgamaa, Puka vald, Soontaga
||[https://www.google.com/maps/place/58.251643,26.658721/@58.251643,26.658721,10.5z/  N: 58.251643 E: 26.658721 <u>kaart</u>]
|varemed (vaatlus 2010 a)
|maakividest osaliselt  kahekordne
|}
===Eeltäidetud===
{| class="wikitable"
|+ Eeltäidetud
!Nimi
!Aadress
!Koordinaadid
!Hoone
!Seisukord
|-
|... veski
|...maakond,
|N:,E:
|
| (vaatlus ... a)
|}
===Tühi tabel===
{| class="wikitable"
|+ Tühi
!Nimi
!Aadress
!Koordinaadid
!Hoone
!Seisukord
|-
|...
|...
|...
|...
|...
|}
===Näidis===
{| class="wikitable"
|+NÄIDIS
! style="vertical-align:bottom;" | Nimi
! Aadress
! style="vertical-align:bottom;" | Koordinaadid
! style="vertical-align:bottom;" | Seisukord
! style="vertical-align:bottom;" | Hoone
|- style="vertical-align:bottom;"
| [[Lõhavere  Altveski veski]]
| style="color:#333;" | Viljandi maakond, Põhja-Sakala  vald, Lõhavere küla, Lembitu
| [https://www.google.com/maps/place/58.547852,25.486387/@58.547852,25.486387,10.5z/  N: 58.547852 E: 25.486387  <u>kaart</u>]
|
|
|- style="vertical-align:bottom;"
| [[Lõhavere  veski]]
| style="color:#333;" | Viljandi maakond, Põhja-Sakala  vald, Lõhavere küla, Lembitu
| [https://www.google.com/maps/place/58.547852,25.486387/@58.547852,25.486387,10.5z/  N: 58.547852 E: 25.486387  <u>kaart</u>]
| style="color: red;" | hävinud
| style="color: red;" | hävinudoli puithoone
|- style="vertical-align:bottom;"
| [[Luutsniku  veski]]
| style="color:yellow;" | Võru maakond, Rõuge vald,  Loogamäe küla, Ala-Loogamäe
| [https://www.google.com/maps/place/57.619629,26.987270/@57.619629,26.987270,10.5z/  N: 57.619629 E: 26.987270  <u>kaart</u>]
|
|
|}
====Näidis - kitsas - 11 px====
{| class="wikitable" style="font-size:11px;"
|+kitsas
! style="vertical-align:bottom;" | Nimi
! Aadress
! style="vertical-align:bottom;" | Koordinaadid
! style="vertical-align:bottom;" | Seisukord
|- style="vertical-align:bottom;"
| [[Lõhavere  Altveski veski]]
| style="color:#333;" | Viljandi maakond, Põhja-Sakala  vald, Lõhavere küla, Lembitu
| [https://www.google.com/maps/place/58.547852,25.486387/@58.547852,25.486387,10.5z/  N: 58.547852 E: 25.486387  <u>kaart</u>]
| Hävinud
|- style="font-weight:bold; vertical-align:bottom;"
| [[Lõhavere  veski]]
| style="background: green; color: yellow;" | Viljandi maakond, Põhja-Sakala  vald, Lõhavere küla, Lembitu
| [https://www.google.com/maps/place/58.547852,25.486387/@58.547852,25.486387,10.5z/  N: 58.547852 E: 25.486387  <u>kaart</u>]
| style="font-weight:normal;" | hävinud
|- style="vertical-align:bottom;"
| [[Luutsniku  veski]]
| style="color:#555;" | Võru maakond, Rõuge vald,  Loogamäe küla, Ala-Loogamäe
| [https://www.google.com/maps/place/57.619629,26.987270/@57.619629,26.987270,10.5z/  N: 57.619629 E: 26.987270  <u>kaart</u>]
| Säilinud
|}
===Värviline===
{| class="wikitable"
|+Värvitekst
| Orange
| Apple
| style="text-align:right;"| 12,333.00
|-
| Bread
| Pie
| style="text-align:right;"| 500.00
|- style="font-style: bold; color: red;"
| Butter
| Ice cream
| style="text-align:right;"| 1.00
|}
====Hall====
{| style="color:white"
|-
| style="height: 10px; width: 60px; background: #ebecf0 ; color: white; font-size:100%"|&nbsp; &nbsp;[[AVALEHT]]
| style="height: 10px; width: 80px; background: #ebecf0 ; color: #4259a9; font-size:120%"|&nbsp;&nbsp;&nbsp;[[Kontakt|Pix80]]
| style="height: 20px; width: 100px; background: #ebecf0 ; color: white; font-size:150%"|&nbsp;&nbsp;&nbsp;&nbsp;[[Sündmused]]
| style="height: 40px; width: 120px; background: #ebecf0 ; color: #4259a9; font-size:80%"|Sündmused 80%
|-
| style="height: 40px; width: 120px; background: #ebecf0 ; color: #4259a9; font-size:150%"|Sündmused
| style="height: 50px; width: 140px; background: #ebecf0 ; color: white; font-size:150%"|140 Sündmused 4
| style="height: 60px; width: 160px; background: #4259a9; color: #4259a9; font-size:150%"| Sündmused 5
|-
| style="height: 70px; width: 200px; background: #ebecf0 ; color: white; font-size:150%"|200 Sündmused 6
| style="height: 60px; width: 160px; background: #4259a9; color: #4259a9; font-size:150%"| Sündmused 5
| style="height: 60px; width: 160px; background: #4259a9; color: #4259a9; font-size:150%"| Sündmused 5
|}
veel üks
{| style="color:white"
|-
| style="height: 10px; width: 60px; background: #ebecf0 ; color: white; font-size:100%"|&nbsp; &nbsp;[[AVALEHT]]
| style="height: 10px; width: 80px; background: #ebecf0 ; color: #4259a9; font-size:120%"|&nbsp;&nbsp;&nbsp;[[Kontakt|Pix80]]
| style="height: 20px; width: 100px; background: #ebecf0 ; color: white; font-size:150%"|&nbsp;&nbsp;&nbsp;&nbsp;[[Sündmused]]
| style="height: 40px; width: 120px; background: #ebecf0 ; color: #4259a9; font-size:80%"|Sündmused 80%
|-
| style="height: 40px; width: 120px; background: #ebecf0 ; color: #4259a9; font-size:150%"|Sündmused
| style="height: 50px; width: 140px; background: #ebecf0 ; color: white; font-size:150%"|140 Sündmused 4
| style="height: 60px; width: 160px; background: #4259a9; color: #4259a9; font-size:150%"| Sündmused 5
|-
| style="height: 70px; width: 200px; background: #ebecf0 ; color: white; font-size:150%"|200 Sündmused 6
| style="background: #yellow; color: #red;    font-size:100%"| Sündmused 5555
| style="background: #red;    color: #yellow; font-size:120%"| Sün
|}
=MALLID=
{{alias-s}}
{{alias-v}}
{{alias-t}}
{{alias-p}}
<nowiki> {{Template:saksak}}  </nowiki>
==JALUSED==
{{Template:Jalus}}
{{Template:minjalus}}
[[Category:Veski]]
[[Category:Tuuleveski]]
[[Category:Pukktuulik]]
[[Category:Mootorveski]]
[[Category:veski]]
[[Category:saksa k]]
[[Category:veski]]
[[Category:saksa k]]
[[Category:veski]]
[[Category:saksa k]]
[[category:Juhend]]
[[category:wiki]]
[[category:haldus]]
-->


==Fontide näidised==
==Fontide näidised==

Redaktsioon: 10. juuli 2025, kell 15:31


Pealkiri ja pidevjoon:

See on  proovimise ja katsetamiste koht

___________________________________________________________________________________________________________________________________________

Color Hexadecimal Color Hexadecimal
black #000000 silver #c0c0c0
gray #808080 white #ffffff
maroon #800000 red #ff0000
purple #800080 fuchsia #ff00ff
green #008000 lime #00ff00
olive #808000 yellow #ffff00
navy #000080 blue #0000ff
teal #008080 aqua #00ffff

Pildiriba:

Fontide näidised

  • 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 and
  • 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;"













Õhne veejõud 2

  • 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


Õhne jõgi

'
Font Näidis Variandid
  • 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


Times New Roman
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

Availability

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



Font Näidis Variandid
Old English Text The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
Ink Free The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic


Õhne veejõud 3

Font Näidis Variandid
Comic Sans MS * 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

Õhne veejõud

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

Availability

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


Fontide näidised

  • 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 and
  • 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;"













Õhne veejõud 2

  • 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


Õhne jõgi

'
Font Näidis Variandid
  • 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


Times New Roman
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

Availability

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



Font Näidis Variandid
Old English Text The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic
Ink Free The Quick Brown Fox Jumps Over The Lazy Dog. Regular, Bold, Italic, Bold Italic


Õhne veejõud 3

Font Näidis Variandid
Comic Sans MS * 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

Õhne veejõud

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

Availability

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


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