CSS字体渲染不一致

Question

在我的网站上，我有两个<p>标签，它们具有相同的样式，但它们会导致导入的字体不一致。

我可以从 Chrome 的开发者工具中的计算出的样式标签中看到左边的那个为Josefin Sans呈现 303个字形和 Arial字形。

右侧的文字为Josefin Sans 呈现 294个字形 58个glyhps。

这是我能在两者之间看到的唯一区别。为什么两个文本体在使用相同的样式时会有不同的呈现方式？

Answer 1

您可能已经这样做了，但是您应该考虑将字体包含为Google字体。通常它是一种更稳定的方式来实现webfonts：）

https://www.google.com/fonts/specimen/Josefin+Sans

https://www.google.com/fonts#UsePlace:use/Collection:Josefin+Sans