在 WordPress 中将 HTML lang 从 en-US 更改为 sr-RS - 更改字体样式

Posted 2023-03-15

技术标签:

【中文标题】在 WordPress 中将 HTML lang 从 en-US 更改为 sr-RS - 更改字体样式【英文标题】：Change HTML lang from en-US in to sr-RS in WordPress - Change font style 【发布时间】：2020-06-21 10:25:38 【问题描述】：

当我将语言更改为 sr-RS 时，字体样式会发生变化。这是一个例子en-US:

<html lang="en-US">
    <head>
        <meta charset="UTF-8" />
        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap&subset=cyrillic" rel="stylesheet">
    </head>
    <style>
        body 
            font-family: 'Montserrat', sans-serif;
        
    </style>
    <body>
        <a>Тест фонта</a>
    </body>
<html>

显示字体： 当更改为sr_RS 时，字体样式会发生变化。

<html lang="sr-RS">
    <head>
        <meta charset="UTF-8" />
        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap&subset=cyrillic" rel="stylesheet">
    </head>
    <style>
        body 
            font-family: 'Montserrat', sans-serif;
        
    </style>
    <body>
        <a>Тест фонта</a>
    </body>
<html>

显示字体：

如何将语言更改为 sr-RS，但字体样式仍为 en-US？

【问题讨论】：

尝试从 src 中删除西里尔字母子集：<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap" rel="stylesheet"> @AmitRahav 字体有西里尔字母。唯一的问题是在 lang:'sr-RS' 上显示不同的字体。这就是字体的外观，因为它在 lang:'en-US' fonts.google.com/specimen/Montserrat 您是否尝试在 css 值的末尾添加!important？有时浏览器的默认设置会覆盖服装 css。 【参考方案1】：

看来你可以在 CSS 中使用-webkit-locale：

[lang=sr-RS] * 
    -webkit-locale: "en";

我不知道这是否会影响屏幕阅读器对内容的解读方式。

【讨论】：

以上是关于在 WordPress 中将 HTML lang 从 en-US 更改为 sr-RS - 更改字体样式的主要内容，如果未能解决你的问题，请参考以下文章