font-language-override CSS property controls the use 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."

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.

句法

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

normal
Tells the browser to use font glyphs that are appropriate for the language specified by the lang attribute. This is the default value.
<string>
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.

形式定义

初始值 normal
适用于 所有元素。它还适用于 ::first-letter and ::first-line .
继承 yes
计算值 如指定
动画类型 discrete

形式句法

normal | <string>
					

范例

Using Danish glyphs

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: normal;
}
p.para2 {
  font-language-override: "DAN";
}
					

结果

规范

规范 状态 注释
CSS Fonts Module Level 4
The definition of 'font-language-override' in that specification.
工作草案 初始定义。

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据
Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
font-language-override Chrome 不支持 No Edge 不支持 No Firefox 完整支持 34
完整支持 34
不支持 24 — 34 Disabled
Disabled From version 24 until version 34 (exclusive): this feature is behind the layout.css.font-features.enabled preference (needs to be set to true ). To change preferences in Firefox, visit about:config.
完整支持 4 Prefixed
Prefixed Implemented with the vendor prefix: -moz-
IE 不支持 No Opera 不支持 No Safari 不支持 No WebView Android 不支持 No Chrome Android 不支持 No Firefox Android 完整支持 34
完整支持 34
不支持 24 — 34 Disabled
Disabled From version 24 until version 34 (exclusive): this feature is behind the layout.css.font-features.enabled preference (needs to be set to true ). To change preferences in Firefox, visit about:config.
完整支持 4 Prefixed
Prefixed Implemented with the vendor prefix: -moz-
Opera Android 不支持 No Safari iOS 不支持 No Samsung Internet Android 不支持 No

图例

完整支持

完整支持

不支持

不支持

用户必须明确启用此特征。

用户必须明确启用此特征。

要求使用供应商前缀或不同名称。

要求使用供应商前缀或不同名称。

另请参阅

元数据

  • 最后修改: