w3contents   w3properties   w3index  text
15
Fonts
www.w3.org/TR/CSS2/fonts.html
2011 W3 totally rewrote!.
Hacked by DGerman@Real-World-Systems.com

This document begins with <body style=font-family:sans-serif>

Fonts I have known :

image of font



image of fonts

font namefont as displayed in this browser
If the rendering in this column is not like the graphic in the first column
then this browser does not have access to that font.
the ␛ character is coded as &#x241B; .
6809chargen

from DaFont

6809chargen src: url("http://Real-World-systems.com/fonts/6809char.ttf");}" 1234   5678     90 ␛
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890 ␛
. , - = [ ] ' ; / ! @ # $ % ^ & * () _ + | {} " : ? <>
ALS Script ALS Script 1234   5678     90 ␛
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890 ␛
. , - = [ ] ' ; / ! @ # $ % ^ & * () _ + | {} " : ? <>
ArialArial      <td style=font-family:"Arial">
1234   5678     90
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890 ␛
. , - = [ ] ' ; / ! @ # $ % ^ & * () _ + | {} " : ? <>
Arial Black Arial Black 1234   5678     90 ␛
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890 ␛
. , - = [ ] ' ; / ! @ # $ % ^ & * () _ + | {} " : ? <>
Arial Narrow Arial Narrow 1234   5678     90
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890 ␛
. , - = [ ] ' ; / ! @ # $ % ^ & * () _ + | {} " : ? <>
Bookman Old style Bookman Old Style 1234   5678     90
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890 ␛
. , - = [ ] ' ; / ! @ # $ % ^ & * () _ + | {} " : ? <>
Comic Sans Ms Comic Sans Ms 1234   5678     90
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890 ␛
. , - = [ ] ' ; / ! @ # $ % ^ & * () _ + | {} " : ? <>
Courier

note: no weight is specified for this.

Courier 1234   5678     90
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890 ␛
. , - = [ ] ' ; / ! @ # $ % ^ & * () _ + | {} " : ? <>
Courier New Courier New 1234   5678     90
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890 ␛
. , - = [ ] ' ; / ! @ # $ % ^ & * () _ + | {} " : ? <>
Garamond Garamond 1234   5678     90
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890 ␛
. , - = [ ] ' ; / ! @ # $ % ^ & * () _ + | {} " : ? <>

image of fonts
Georgia Georgia 1234   5678     90 ␛
Haettenschweiler Haettenschweiler 1234   5678     90 ␛
Impact Impact 1234   5678     90 ␛
Lucida Console Lucida Console 1234   5678     90
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890 ␛
. , - = [ ] ' ; / ! @ # $ % ^ & * () _ + | {} " : ? <>
Lucida Sans UnicodeLucida Sans Unicode 1234   5678     90 ␛
Marlett characters used in white cell below
A-Z
abcd efgh ijkl mnop qrst uvwx yz
1234   5678     90␛
A-Z
abcd efgh ijkl mnop qrst uvwx yz
1234   5678     90␛
Microsoft Sans Serif Microsoft Sans Serif 1234   5678     90 ␛
MS Outlookcharacters used below
ABCD EFGH IJ MN
ABCD EFGH IJ MN
Palatino Linotype Palatino Linotype 1234   5678     90 ␛
Symbol Symbol 1234   5678     90 ␛
Tahoma Tahoma 1234   5678     90 ␛
Palace Script MT Palace Script MT 1234   5678     90 ␛
Monaco

monospaced

Monaco 1234   5678     90 ABCD EFGH IJKL MNOP QRST UVWX YZ
abcd efgh ijkl mnop qrst uvwx yz
1234   5678     90
.,-   =[]'   ;/!@   #$%^
&*()_+|}{":?>< ␛
MenloMenlo 1234   5678     90
ABCD EFGH IJKL MNOP QRST UVWX YZ
abcd efgh ijkl mnop qrst uvwx yz
1234   5678     90
.,-   =[]'   ;/!@   #$%^
&*()_+|}{":?>< ␛
TerminalTerminal 1234   5678     90
ABCD EFGH IJKL MNOP QRST UVWX YZ
abcd efgh ijkl mnop qrst uvwx yz
1234   5678     90
.,-   =[]'   ;/!@   #$%^
&*()_+|}{":?>< ␛

image of fonts
Times New Roman Times New Roman 1234   5678     90
ABCD EFGH IJKL MNOP QRST UVWX YZ
abcd efgh ijkl mnop qrst uvwx yz
1234   5678     90
.,-   =[]'   ;/!@   #$%^
&*()_+|}{":?>< ␛
Trebucket MS Trebucket MS 1234   5678     90
ABCD EFGH IJKL MNOP QRST UVWX YZ
abcd efgh ijkl mnop qrst uvwx yz
1234   5678     90
.,-   =[]'   ;/!@   #$%^
&*()_+|}{":?>< ␛
Verdana Verdana 1234   5678     90
ABCD EFGH IJKL MNOP QRST UVWX YZ
abcd efgh ijkl mnop qrst uvwx yz
1234   5678     90
.,-   =[]'   ;/!@   #$%^
&*()_+|}{":?>< ␛
Webdings characters used below
ABCD EFGH IJKL MNOP QRST UVWX YZ
abcd efgh ijkl mnop qrst uvwx yz
1234   5678     90
.,-   =[]'   ;/!@   #$%^
&*()_+|}{":?>< ␛
ABCD EFGH IJKL MNOP QRST UVWX YZ
abcd efgh ijkl mnop qrst uvwx yz
1234   5678     90
.,-   =[]'   ;/!@   #$%^
&*()_+|}{":?>< ␛
Wingdings characters used below
ABCD EFGH IJKL MNOP QRST UVWX YZ
abcd efgh ijkl mnop qrst uvwx yz
1234   5678     90
.,-   =[]'   ;/!@   #$%^
&*()_+|}{":?>< ␛
ABCD EFGH IJKL MNOP QRST UVWX YZ
abcd efgh ijkl mnop qrst uvwx yz
1234   5678     90
.,-   =[]'   ;/!@   #$%^
&*()_+|}{":?>< ␛

for slashed zero see Wikipedia. Try: Monaco <span style=font-family:Monaco>0</span>

Unicode fonts Letterlike Symbols additional font definitions are at grsites.com/fonts/, www.webpagepublicity.com/free-fonts.html#Free Fonts

Discussion about monospaced fonts for programming including anti-aliasing.


15.1 Introduction

When a document's text is displayed, characters (abstract information elements) are be mapped to abstract glyphs. One or more characters may be depicted by one or more abstract glyphs, dependent on context. A glyph is the actual artistic representation of an abstract glyph, in some typographic style, in the form of outlines or bitmaps that may be drawn on the screen or paper. A font is a set of glyphs, all observing the same basic motif according to design, size, appearance, and other attributes associated with the entire set, and a mapping from characters to glyphs.

A visual user agent must address the several issues before actually rendering a character:

In both CSS1 and CSS2, authors specify font characteristics via a series of font properties.

How the user agent handles these properties, when there is no matching font on the client has expanded between CSS1 and CSS2. In CSS1, all fonts were assumed to be present on the client system and were identified solely by name. Alternate fonts could be specified through the properties, but beyond that, user agents had no way to propose other fonts to the user (even stylistically similar fonts that the user agent had available) other than generic default fonts.

CSS2 changes all that, and

allows liberty for:

CSS2 improves client-side font matching, enables font synthesis, progressive rendering, and enables fonts to be downloaded over the Web, referred to as 'WebFonts'

Each user agent has a "font database" and style sheet authors can contribute to it. To display a character with a particular font, the user agent first identifies the font in the database that "best fits" (according to the font matching algorithm) then retrieves the font data locally or from the Web, finally displays the character using those glyphs.

15.2 Font specification

Authors can specify which font to use, by it's name, for example "BT Swiss 721 Heavy Italic".

There is no well-defined and universally accepted taxonomy for classifying fonts based on their names, and terms that apply to one font family name may not be appropriate for others (As there is for X-Windows). For example, the term italic is commonly used to label slanted text, but slanted text may also be labeled Oblique, Slanted, Incline, Cursive, or Kursiv.
Font names typically contain terms that describe the "weight" of a font to distinguish faces of differing darkness within a single font family. There is no accepted, universal meaning to these weight names and usage varies widely. For example a font that you might think of as being bold might be described as being Regular, Roman, Book, Medium, Semi- or Demi-Bold, Bold, or Black, depending on how black the "normal" face of the font is within the design.
This lack of systematic naming makes it impossible, to generate a modified font face name that differs in a particular way, such as being bolder.

Fonts are requested through setting a series of font properties whose values form the basis of the User Agent's font selection mechanism.
Properties can be individually modified, for example to increase the boldness.

15.3 Font-family