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.
By default, the HTML lang attribute instructs the browser to display glyphs which are deigned for a certain language.
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 of the font-language-override property:
<!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
✕ | ✕ |
34.0+ 4.0 -webkit- |
✕ | ✕ |
Practice Your Knowledge
What is the purpose of the 'font-language-override' property in CSS?
Correct!
Incorrect!
Quiz Time: Test Your Skills!
Ready to challenge what you've learned? Dive into our interactive quizzes for a deeper understanding and a fun way to reinforce your knowledge.