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