Zum Inhalt springen

CSS font-language-override-Eigenschaft

Die font-language-override-Eigenschaft steuert die Verwendung von languagespezifischen Glyphen. Diese Eigenschaft kann mit zwei Werten angegeben werden: normal und <string>. Der <string> muss einem gültigen BCP 47-Sprachtag entsprechen. Zum Beispiel tr für Türkisch.

Standardmäßig weist das HTML-lang-Attribut den Browser an, Glyphen anzuzeigen, die für eine bestimmte Sprache entwickelt wurden.

Die font-language-override-Eigenschaft überschreibt das Schriftverhalten für eine bestimmte Sprache. Sie ist hilfreich, da Sie das Standardverhalten überschreiben können, um Glyphen einer anderen Sprache zu verwenden, die ähnlichen typografischen Regeln folgen, wenn eine Schriftart über keine entsprechenden languagespezifischen OpenType-Features (wie locl) verfügt.

Anfangswertnormal
Anwendbar aufAlle Elemente. Gilt auch für ::first-letter und ::first-line.
VererbbarJa.
AnimierbarDiskret.
VersionCSS3
DOM-Syntaxobject.style.fontLanguageOverride = "normal";

Syntax

Syntax der CSS font-language-override-Eigenschaft

css
font-language-override: normal | <string>;

Beispiel für die font-language-override-Eigenschaft:

Beispiel der CSS font-language-override-Eigenschaft mit dem Wert normal

html
<!DOCTYPE html>
<html>
  <head>
    <title>The title of the document </title>
    <style>
      .example1 {
        font-language-override: normal;
      }
      .example2 {
        font-language-override: "da";
      }
    </style>
  </head>
  <body>
    <h2>Font-language-override property example</h2>
    <p class="example1">Default language setting.</p>
    <p class="example2">Here the font-language-override is set to Danish.</p>
  </body>
</html>

Werte

WertBeschreibung
normalWeist den Browser an, Schriftglyphen zu verwenden, die für die im lang-Attribut angegebene Sprache geeignet sind. Dies ist der Standardwert dieser Eigenschaft.
<string>Weist den Browser an, die im <string> angegebenen Schriftglyphen zu verwenden.

Praxis

Welche Funktion hat die 'font-language-override'-Eigenschaft in CSS?

Finden Sie das nützlich?

Dual-run-Vorschau — vergleichen Sie mit den Symfony-Routen live.