CSS - font-language-override 属性



CSS font-language-override 属性用于覆盖特定语言的字体行为。此属性可用于调整字形和功能的渲染,以匹配不同语言的语言需求。

语法

font-language-override: normal | language-tag | initial | inherit;

属性值

描述
normal 它指定浏览器使用 lang 属性指定的语言的字形。默认值。
language-tag 它指定浏览器使用 language-string 指定的语言的字形。(例如,韩语为“KOR”,英语为“ENG”,丹麦语为“DAN”等。)
initial 它将属性设置为其初始值。
inherit 它从父元素继承属性。

CSS 字体语言覆盖属性示例

以下示例使用不同的值说明了 font-language-override 属性。

使用 Normal 值的字体语言覆盖属性

为了使字体使用其内置的语言设置渲染文本,基于文档中指定的语言或浏览器的默认语言应用排版功能,这样就不会应用任何特定的语言覆盖,我们使用 normal 值。以下示例显示了这一点。

示例

<!DOCTYPE html>
<html>

<head>
    <style>
        .default-language {
            font-family: 'Arial', serif;
            font-language-override: normal;
        }
    </style>
</head>

<body>
    <h2>
        CSS font-language-override property
    </h2>
    <h4>
        font-language-override: normal
    </h4>
    <p class="default-language">
        This text uses the font's default language
        settings. It is styled with standard 
        English features.
    </p>

</body>

</html>

使用语言标签的字体语言覆盖属性

要覆盖字体的默认语言设置,我们指定一个语言标签(例如,土耳其语为“tr”,丹麦语为“da”)以应用适合指定语言的排版功能,确保正确渲染特定语言的字形和功能。以下示例显示了这一点。

示例

<!DOCTYPE html>
<html>

<head>
    <style>
        .lang {
            font-family: 'Georgia', serif;
        }

        .turkish {
            font-language-override: "TRK";
        }

        .danish {
            font-language-override: "DAN";
        }
    </style>
</head>

<body>
    <h2>
        CSS font-language-override property
    </h2>
    <h4>
        font-language-override: "TRK", "DAN"
    </h4>
    <p class="lang turkish">
        This text is rendered with Turkish 
        language features. The font adjustments
        for Turkish are applied here.
    </p>

    <p class="lang danish">
        This text is styled with Danish 
        language features. The font adjusts
        to properly display Danish characters.
    </p>
</body>

</html>


支持的浏览器

属性 Chrome Edge Firefox Safari Opera
font-language-override 不支持 不支持 34 不支持 不支持
css_properties_reference.htm
广告

© . All rights reserved.