Arial in Chrome

Question

我在Chrome / Chromium中遇到Arial（也许还有其他字体）的问题。 当我使用font-family时它看起来不错：Arial; 但是，当我通过@ font-face包含Arial字体文件时，它看起来与众不同！ 为什么会这样？我该怎么做才能让它们看起来一样？ Chrome究竟在哪里采用其字体？ 这是我的css

@font-face {
    font-family: 'My Arial';
    src: url(Arial.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    padding: 20px;
    font-size: 16px;
}

body#native {
    font-family: Arial;
}

body#fontface {
    font-family: 'My Arial';
}

以下是渲染文字：

对不起我的英语，这不是我的母语。

Answer 1

我经常使用@ font-face，不同的浏览器渲染它的方式总是不同的。对于某些字体，它会变得非常难看，在您的特定情况下，我会说差异无关紧要，而其他所有内容就像Sparky672已经评论过一样。

如果你绝对必须在所有系统上都有像素精确相同的渲染，也许一些基于JavaScript的解决方案可能有所帮助，请检查：

https://stackoverflow.com/a/692994/525445

同样，如果这是我的截图上的网站，我会非常满意它的外观。

只是网络的本质并不是每个人都会看到相同的东西，有不同的显示器具有不同的颜色设置，不同的分辨率，有些人放大文本等。

只需提及该选项，您就可以使用JavaScript检测Chrome，然后应用一些特定的CSS进行调整。

Answer 2

您在@ font-face中包含的Arial文件是否与系统中的文件完全相同，或者您是从其他地方获取的？导致差异的文件可能存在差异。如果没有，那么正如@ Sparky672在他的最后评论中所说，你可以做的并不多，这只是一个浏览器渲染问题。

另外，出于好奇，你为什么要在Arial-face中加入Arial，因为几乎每个系统都可以使用它？