MDN’s new design is in Beta! A sneak peek:

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

/* Keyword value */
font-language-override: normal

/* <string> values */
font-language-override: "ENG"  /* Use English glyphs */
font-language-override: "TRK"  /* Use Turkish glyphs */

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

By default, HTML's lang attribute tells browsers to display glyphs designed specifically for that language. For example, a lot of fonts have a special character for the digraph fi that merge the dot on the "i" with the "f." However, if the language is set to Turkish the typeface will likely know not to use the merged glyph; Turkish has two versions of the "i," one with a dot (i) and one without (ı), and using the ligature would incorrectly transform a dotted "i" into a dotless "i."

The font-language-override property lets you override the typeface behavior for a specific language. This is useful, for example, when the typeface you're using lacks proper support for the language. For instance, if a typeface doesn't have proper rules for the Azeri language, you can force the font to use Turkish glyphs, which follow similar rules.

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


The font-language-override property is specified as the keyword normal or a <string>.


Tells the browser to use font glyphs that are appropriate for the language specified by the lang attribute. This is the default value.
Tells the browser to use font glyphs that are appropriate for the language specified by the string. The string must match a language tag found in the OpenType language system. For example, "ENG" is English, and "KOR" is Korean.

Formal syntax

normal | <string>



<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>


p.para1 {
  font-language-override: normal;

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



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: mfluehr, wbamberg, jeremychen, duncanmcdonald, Sebastianz, fscholz, teoli
 Last updated by: mfluehr,