CSS font-language-override Property

The font-language-override property controls the use of the language-specific glyphs. This property can be specified by two values: normal and <string>. The "string" must match a language tag. For example, "TRK" for Turkish.

The font-language-override property overrides the typeface behavior for a specific language. It's helpful because when the typeface does not have proper rules in one language, you can use glyphs of another language which follow similar rules.

Initial Value normal
Applies to All elements. It also applies to ::first-letter and ::first-line.
Inherited Yes.
Animatable Discrete.
Version CSS3
DOM Syntax object.style.fontLanguageOverride = "normal";

Syntax

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

Example

<!DOCTYPE html>
<html>
  <head>
    <title>The title of the document </title>
    <style>
      .example1 {
      font-language-override: normal;
      }
      .example2{
      font-language-override: "DAN";
      }
    </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>

Values

Value Description
normal Instructs the browser to use font glyphs that are appropriate for the language specified by the lang attribute. This is the default value of this property.
<string> Instructs the browser to use font glyphs specified by the string.
initial It makes the property use its default value.
inherit It inherits the property from its parents element.

Browser support

x x 34.0+
4.0 -webkit-
x x




Related articles