Die Eigenschaft font ist eine Zusammenfassung der möglichen Einzelangaben font-style, font-variant, font-weight, font-size, line-height und font-family.
Mit font kann man verschiedene Schriftformatierungen kombinieren.
Schriftart (font-family)
Schriftgrösse (font-size)
Strichstärkee (font-weight)
Schriftvariante (font-variant)
Schriftstil (font-style)
Schriftlaufweite (font-stretch)
Zeichenabstand (letter-spacing)
Wortabstand (word-spacing)
<p style="font-family:'Times New Roman',serif;...">
1) Angabe im Quelltext des HTML-Dokumentes
<p style="font-family:'Times New Roman',serif; font-size:14pt;color:blue"> Diese Schrift heisst "font-family:'Times New Roman',serif; font-size:14pt;color:blue" </p>
2) Anzeige des HTML-Dokumentes
Diese Schrift heisst <p style="font-family:'Times New Roman',serif;font-size:14pt;color:blue">
1) Angabe im Quelltext des HTML-Dokumentes
<p style="font: italic bold 12pt/14pt Times, serif"> a) Dies ist eine Formatierung der Schrift (12pt) einschliesslich Zeilenabstand (14pt)<br> b) Paragraphs with a bold and italic Times or serif font with a size of 12 points and a line height of 14 points. </p>
2) Anzeige im HTML-Dokument
a)Dies ist eine Formatierung der Schrift (12pt)
einschliesslich Zeilenabstand (14pt)
b) Paragraphs with a bold and italic Times or serif font with a size of
12 points and a line height of 14 points.
1) Angabe im Quelltext des HTML-Dokumentes
<p style="font:bold 12pt Arial"> Dies sollte Schriftart Arial, fett, 12pt sein </p>
2) Anzeige im HTML-Dokument
Dies sollte Schriftart Arial, fett, 12pt sein
Die Angaben erfolgen etweder in einem separaten Stylesheet oder im Kopf der HTML-Datei
<style type="text/css">...{font:bold 16px...';}</style>
1) Angabe der Stylesheetangaben im Kopf dieser Datei
<style type="text/css"> /* Dies wird fuer Beispiel in Anleitung verwendet*/ #Textbeispiel01 {font:bold 16px 'Times New Roman';} </style>
2) Angabe im Quelltext des HTML-Dokumentes
<p id="Textbeispiel01"> Beispieltext mit Schrift: bold 16px Times New Roman </p>
3) Im HTML-Dokument erscheint dann
Beispieltext mit Schrift: bold 16px Times New Roman
SELFHTML-Wiki: CSS/Eigenschaften
de
Schriftformatierung
de
font (Zusammenfassung der möglichen Einzelangaben)
de
Beispiel ansehen
de
font-family (Schriftarten)
de
Beispiel ansehen
de
font-style (Schriftstil)
de
Beispiel ansehen
de
font-variant (Schriftvariante)
de
Beispiel ansehen
de
font-size (Schriftgrösse)
de
Beispiel ansehen
de
Absolute Längenmaße
de
Relative Längenmaße
de
line-height (Zeilenhöhe)
de
Beispiel ansehen
de
font-weight (Strichstärke)
de
Beispiel ansehen
de font-size-adjust de Beispiel ansehen
de
font-stretch (Schriftlaufweite)
de
Alternative: letter-spacing
de
Beispiel letter-spacing ansehen
de @font-face