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

Posted

技术标签:

【中文标题】在 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 中删除西里尔字母子集:&lt;link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700&amp;display=swap" rel="stylesheet"&gt; @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 - 更改字体样式的主要内容,如果未能解决你的问题,请参考以下文章

试图在 wordpress 骨架中将导航居中

需要帮助在 Wordpress 中将 MySQL 转换为 MySQLI

在 wordpress 中将默认 URL 更改为 root 时遇到问题

如何在wordpress中将localhost url更改为ip?

在 Wordpress 中将 SQL Server 表打印到网站?

在wordpress中将按钮放置在全宽和全高图像上