Fontide näidised - Redigeerimiste ajalugu

Riho: /* Size */

2025-11-07T19:15:05Z

Size

←Vanem redaktsioon		Redaktsioon: 7. november 2025, kell 22:15
501. 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>

	==~~Size~~==		==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.)

Riho: /* Size */

2025-11-07T19:14:36Z

Size

←Vanem redaktsioon		Redaktsioon: 7. november 2025, kell 22:14
501. 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>

	====Size====		==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.)

Riho – 7. november 2025, kell 19:13

2025-11-07T19:13:30Z

←Vanem redaktsioon		Redaktsioon: 7. november 2025, kell 22:13
517. 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]]

Riho – 23. juuli 2025, kell 05:46

2025-07-23T05:46:16Z

@@ 107. rida: / 107. rida: @@
 | The Quick Brown Fox Jumps Over The Lazy Dog.
 | Regular, '''Bold''', ''Italic'', '''''Bold Italic'''''
 |}
@@ 484. rida: / 505. rida: @@
 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.

Riho – 23. juuli 2025, kell 05:44

2025-07-23T05:44:32Z

←Vanem redaktsioon		Redaktsioon: 23. juuli 2025, kell 08:44
1. rida:		1. rida:

	===Core fonts for the Web===		==Core fonts for the Web==
	{\| class="wikitable"		{\| class="wikitable"
	! Font		! Font
36. rida:		36. rida:


	===Common Windows fonts===		==Common Windows fonts==
	{\| class="wikitable"		{\| class="wikitable"
	! Font		! Font
109. rida:		109. rida:
	\|}		\|}

	====List of Fonts====		==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;"		{\| cellpadding=4 cellspacing=0 border=1 style="font-family: verdana, sans-serif; margin: 0 0 1em 1em; font-size:90%; background-color: #f7f8ff;"
376. rida:		376. rida:
	\|}		\|}

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

Riho – 23. juuli 2025, kell 05:42

2025-07-23T05:42:36Z

Näita muudatusi

Riho – 23. juuli 2025, kell 05:39

2025-07-23T05:39:49Z

Näita muudatusi

Riho: Uus lehekülg: ' * 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...'

2025-07-11T05:30:27Z

Uus lehekülg: ' * 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...'

Uus lehekülg

* 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'''''
*Times New Roman
*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;"
*Arial; the base font,
*Comic Sans MS,
*Georgia,
*Trebuchet MS
*Verdana
*Courier New
*
*
*
*
*
*
*
*
*
*
*
*
*Arial
*
*
*Courier New
*Arial; the base font,
*Comic Sans MS,
*Georgia,
*Trebuchet MS
*Verdana
*Times New Roman
*Courier New
*Andalé Mono
*Lucida Console
*
*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.
*
*
* 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'''''
*
*Times New Roman
*<style="font-family: Courier, monospace; font-size: 16px;"
Courier New

===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):
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===
{| 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'''''
|}

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, 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: <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 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.
{| 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
|}

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'''''