2.4.7 Schriftvariante
en Font-variant
fr Variante de la police

• 1 Prinzip
• 2 Beispiele
  • Beispiel 1: normale Schriftvariante
  • Beispiel 2: style="font-variant:small-caps"
• 3 Websites

-

⇧ 1 Prinzip

Mit "font-variant" wird die Schriftvariante bestimmt.

Folgende Angaben sind möglich:

• small-caps = Kapitälchen.

• normal = normale Schriftvariante

-

⇧ 2 Beispiele

• Beispiel 1: normale Schriftvariante
• Beispiel 2: style="font-variant:small-caps"

-

↑ Beispiel 1: normale Schriftvariante

1) Angabe im Quelltext

<p>
 a) normaler Text<br>
 <span style="font-size:120%">
 b) grosser normaler Text
 </span>
</p>

2) Ausgabe im HTML-Dokument

a) normaler Text
b) grosser normaler Text

-

↑ Beispiel 2 style="font-variant:small-caps"

Beispiel HTML-Formatierung

Angaben im Text des HTML-Dokumentes

<p>
 <span style="font-variant:small-caps">
 a) kleiner Beispieltext mit Schriftvariante small-caps
 </span><br>
 <span style="font-variant:small-caps;font-size:120%">
 b) grosser Beispieltext mit Schriftvariante small-caps 
 </span>
</p>

a) kleiner Beispieltext mit Schriftvariante small-caps
b) grosser Beispieltext mit Schriftvariante small-caps

Beispiel mit CSS-Formatierung

CSS-Angaben im Kopf des Dokumentes

• SELFHTML-Wiki
  de font-variant (Schriftvariante) de Beispiel ansehen
  

-

⇧ 3 Websites

• 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

• HTML-Seminar de HTML-Tags für Schriftgrösse
  HTML-Seminar de Punkt/Inch/Millimeter-Umrechner

• W3C Recommendation en Fonts
  W3C Recommendation de Schriften
  

• CSS 4 You de Schrift (font) de Beispiel
  CSS 4 You de Schriftart (font-family) de Beispiel
  CSS 4 You de Schriftgrösse (font-size) de Beispiel

• Web Design Group en Font Properties
  Web Design Group en Font
  Web Design Group en Syntax: font-family
  Web Design Group en Syntax: font-size
  Web Design Group en Syntax: font-weight
  Web Design Group en Syntax: font-variant
  Web Design Group en Syntax: font-style

• W3Schools en Beispiel: All the font properties in one declaration
  W3Schools en Beispiel: Set the font of a text
  W3Schools en Beispiel: Set the size of the font
  W3Schools en Beispiel: Set the boldness of the font
  W3Schools en Beispiel: Control the letters in a text
  W3Schools en Beispiel: Set the variant of the font
  W3Schools en Beispiel: Set the style of the font

↑