特殊字符的不同字体粗细答案

【问题标题】：Different font-weight for special characters特殊字符的不同字体粗细
【发布时间】：2017-07-25 11:18:17
【问题描述】：

我的字体粗细有问题，对于“EN”语言它工作正常，但是当我对我的 lang (SK) 做同样的事情时，一些字符的字体粗细不同。字体为“Open Sans”。当我在 font.google 查看器中尝试这些字符时，没有问题。实际的字体粗细是 300，在 400 上没有问题，但我希望它变薄。该问题出现在某些 Chrome(Mobile)、Edge、IE 上。有什么想法吗？

Open Sans on fonts.google

Open Sans on my website

页面链接：thomaskovo.github.io/hotel-it/IT_Bussiness_Solutions/hosted_exchange_office_365.html

body{
font-family: 'Open Sans', sans-serif;
font-weight:300;
}

<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet">
</head>
<body>
This is a testing text.
Mačka žena ťava šošovica
<hr>
Open this in Edge or IE
</body>
</html>

【问题讨论】：

您能发布您的任何 HTML/CSS 或更好地创建一个 sn-p 吗？
看起来浏览器正在为这些字符使用不同的字体作为后备。在两个示例中查看“ĉ”字符并进行比较。我认为网站上使用的字体可能缺少这个字符。
链接到页面thomaskovo.github.io/hotel-it/IT_Bussiness_Solutions/…
您只为字体粗细加载拉丁字形。您需要加载所有需要的子集。 <link href="https://fonts.googleapis.com/css?family=Open+Sans&amp;subset=latin-ext" rel="stylesheet"> 注：subset=latin-ext
参见：fonts.google.com/specimen/Open+Sans?selection.family=Open+Sans 嵌入和自定义标签。

标签： css fonts customization difference google-fonts

【解决方案1】：

使用的字体不包含所有字形。由于字体回退，丢失的字形回退到其他字体。

您只加载拉丁字形。您还需要加载包含所需字形的子集：

<link href="https://fonts.googleapis.com/css?family=Open+Sans&amp;‌subset=latin-ext" rel="stylesheet">

注意：subset=latin-ext.

我在嵌入和自定义选项卡（右下角）上使用了这个 sn-p 表单 fonts.google.com。

【讨论】：