CSS Font-Eigenschaften

Für ein Element ist die Font familie Eigenschaft eine Priorität gegebene Liste der Font Familiennamen und/oder der generischen Familiennamen. Die Datenbanksuchroutine verwendet den ersten Wert, den sie erkennt.

Eine Font familie ist entworfen, in der Kombination und Ausstellenähnlichkeiten im Design benutzt zu werden, das cotains ein Gruppe Font,

Ein Mitglied der Familie kann, ein anderer Italic, eine anderen kleinen Kappen fett sein, oder das Verwenden ondensed. Font Familiennamen schließen „Helvetica“, „neues Jahrhundert-Lehrbuch“ und „Kyokasho ICA L“ mit ein. Font Familiennamen werden nicht auf lateinische Buchstaben eingeschränkt. Font familien können von den unterschiedlichen Kategorien sein: jene mit oder ohne serifs, die, die Handschrift ähneln, die deren Buchstaben sind oder nicht proportional gesperrt werden, die, die Phantasie Font sind, etc.

CSS Code

body
{
font-family: courier, serif
}
p
{
font-family: arial, "lucida console", sans-serif
}
<p style="font-family: arial, 'lucida console', sans-serif">

Font-Art

Ob der Text mit einem Normal, einem Italic oder einem schiefen Gesicht übertragen werden soll, wird die Font art verwendet. Italic ist ein cursive Begleitergesicht zum normalen Gesicht, aber nicht so cursive hinsichtlich es ein Indexgesicht bilden. Schief wird häufiger als Begleitergesicht zu sans-serifand schräg gelegener Form des normalen Gesichtes verwendet. Diese Definition vermeidet etwas schräg gelegene normale Gesichter, wie schief oder normale griechische Gesichter beschriften zu müssen als Italic. Die Font art Eigenschaft stellt die Art eines Fonts ein.

CSS Code

body
{
font-style: italic
}

Font-Variante

Ob der Text mit den normalen glyphs für Kleinbuchstaben übertragen werden soll oder mit Kleinkappen glyphs für Kleinbuchstaben, wird die Fontvariante verwendet. Eine bestimmte Font eigenschaft wird benutzt, um einen passenden Font zu verlangen und kann nur Normal enthalten, nur Kleinkappen oder beide Arten glyph und, wenn der Font beide Varianten enthält, passenden glyphs.

p
{
font-variant: normal
}

Font-Gewicht

Das Font gewicht verwendete, den Text wie das boldness oder die Leichtigkeit der glyphs, im Verhältnis zu anderen Fontn in der gleichen Font familie zu übertragen.

CSS Code

p
{ font-weight: bolder
}

Font-Größe

Die Größe des Fonts von Grundlinie zu Grundlinie einstellen, wenn Satzkörper (in den CSS Bezeichnungen, ist dieser, wenn die „ Fontgröße“ und „Liniehöhe“ Eigenschaften den gleichen Wert haben), die Font größe benutzt wird.

CSS Code

body
{
font-size: x-large
}

p
{
font-size: 20px
}

Die follwing Tabelle beschreiben die Font Eigenschaften:

Property	Description	values	Sample Code
font	Sets multiple font properties	font-family font-size font-weight font-style font-variant
font-family	Sets the font-name	family-name generic-family	p {font-family: verdana,arial} p {font-size: 10pt; font-family: arial}
font-size	Sets the size of the text	smaller larger xx-small x-small small medium large x-large xx-large	P {font: 12pt arial} P {font: 70% sans-serif} P {font: bold italic large Verdana}
font-weight	Sets the weight of the text	normal bold bolder lighter 100 200 300 400 500 600 700 800 900	p{font-weight: bold}
font-style	Sets the style of the text	normal italic oblique	p{font-style: italic}
font-variant	Sets the font variant	normal small caps	h2 {font-variant: small-caps}