Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

font-language-override

Our volunteers haven't translated this article into Tiếng Việt yet. Join us and help get the job done!

Summary

The font-language-override CSS property controls the usage of language-specific glyphs in a typeface.

By default, browsers use the HTML global attribute lang to determine the language of the text contained in an element; with this information, they use special glyphs designed for that language. For example, a lot of font have a special character for the digraph fi, making the dot on the i merge with the previous character. This ligature should not be used when displaying turkic language as they have two i (i and ı), one with a dot and one dotless: using the ligature would transform a dotted i in a dotless i.

Sometimes the author want to override this language: like if the typeface doesn't know about the azeri language, that, like the turkish one, has a dotless i. In that case, the font-language-override can be used to force the use of the turkish glyphs, better suited for azeri than the default one.

Initial valuenormal
Applies toall elements. It also applies to ::first-letter and ::first-line.
Inheritedyes
Mediavisual
Computed valueas specified
Animatableno
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Syntax

font-language-override: normal
font-language-override: "TRK"

/* Global values */
font-language-override: initial
font-language-override: inherit
font-language-override: unset

Values

normal
This keyword forces the browser to use glyphs defined for the given language in the font.
<string>
This keyword forces the browser to use the language defined by the string. The values are the OpenType language system strings.

Formal syntax

normal | <string>

Example

HTML

<p class="para1"> Default language setting.</p>
<p class="para2">This is a string with the <code>font-language-override</code> set to Danish</p>

CSS

p.para1 {
    font-language-override: none;
}
p.para2 {
    font-language-override: "DAN";
}

Result

Specifications

Specification Status Comment
CSS Fonts Module Level 3
The definition of 'font-language-override' in that specification.
Candidate Recommendation Initial definition

Browser Compatibility

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari (WebKit)
Basic support 4.0 (2.0) -moz
34 (34) [1]
? ? ? ?
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? 4.0 (2.0) -moz
34.0 (34)[1]
? ? ?

[1] Experimental unprefixed implementation was available since Gecko 24. It was governed by the preference layout.css.font-features.enabled defaulting to true on Nightly and Aurora only.

See also

Document Tags and Contributors

 Contributors to this page: duncanmcdonald, Sebastianz, fscholz, teoli
 Last updated by: duncanmcdonald,