为什么某些字符（例如“ç”）看起来与其他字符不同？

Question

我在网站上使用 Google 字体中的 "Nunito" 获得了法语文本。

在 Safari 上，我发现我的文本中有更粗的符号字母，例如“ç”或“é”。再看一遍，我发现它们在其他浏览器上也有所不同，不仅如此。

我试过以不同的方式包含字体（link、font-face），但没有任何效果。

<html>
<head>
  <meta charset="utf-8">
  <link href="https://fonts.googleapis.com/css?family=Nunito:700&display=swap" rel="stylesheet">
    <style>   
        body {
            font-size:20px;
            font-family: 'Nunito',  Arial, sans-serif;
        }
    </style>
</head>
<body>
    comment ça marche ?
</body>
</html>

在示例中，“ç”看起来不对。

Answer 1

有一次，我直接在 Google 字体上输入了一些文字，看起来不错。这让我开始思考......并再次尝试我的例子。

Bing！我收到的文本是 copied/pasted 来自营销部门发给我的。该文本无效，而 "typed" 文本有效。

我所拥有的文本中的“ç”是字符代码 99 ("c")，然后是 807（它下面的变音符）。 Chrome 和 Firefox 确实以一种奇怪的方式附加了两者，但它有点起作用，但 Safari 只是忽略它并从 Arial 中获取整个标志。

我在 Google 文本字体中输入的“ç”是代码 231，它是拉丁编码的单个字符。

为什么某些字符（例如“ç”）看起来与其他字符不同？

Why do some characters such as "ç" look different from other characters?

character-encoding

webfonts