css - Webfont 变音符坏了？-6ren

css - Webfont 变音符坏了？

转载作者：行者123 更新时间：2023-11-28 12:28:35

在我使用 OpenSans 网络字体的网页上，它应该能够显示克罗地亚语的变音字符，例如“Š”和“Ç”。我的问题:只有变音字符在单词内 出现，而如果我使用带有字体粗细的常规字体或者我使用带有字体粗细的 OpenSans-700 并不重要font-weight 粗体或正常。例如:

body {
    font-family: "Open Sans",sans-serif;
    font-weight: bold;
}

在 HTML anchor 标记中正确打印带有粗体字符的单词“ABCČXYŠPQ”，但是“Š”和“Č”有点粗体和/或更暗 - 这两个字符从其他字符中突出。

是否有一些 CSS 可以处理这个问题？

P.S.:反过来看，还有:所有内容都是粗体，但变音字符在 HTML-p-tags 中的单词中是规则的!？怎么了？

编辑:为我们添加一个演示来解决问题

body {
  font-size: 50px;
}

.section-title {
  color: blue;
  margin-top: 20px;
}

.s-weight400 {
  font-family: sans-serif;
  font-weight: 400;
}

.s-weight700 {
  font-family: sans-serif;
  font-weight: 700;
}

.os-weight400 {
  font-family: 'Open Sans';
  font-weight: 400;
}

.os-weight700 {
  font-family: 'Open Sans';
  font-weight: 700;
}

<html>
  <head>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" rel="stylesheet">
  </head>
  <body>
    <div class='section-title'>SANS SERIF:</div>
    <div class="s-weight400">ABCČXYŠPQ</div>
    <div class="s-weight700">ABCČXYŠPQ</div>
    <div class='section-title'>OPEN SANS:</div>
    <div class="os-weight400">ABCČXYŠPQ</div>
    <div class="os-weight700">ABCČXYŠPQ</div>
  </body>
</html>