Fonts 在 Safari、Firefox 和 IE 上与 Chrome 上的外观不同

Question

我使用了一种名为“Basic”的字体，它看起来应该看起来像在 chrome 上，但是当我在其他浏览器上查看它时，虽然它们加载了字体，但它看起来不同，比如体积更大、更圆润。 这种字体只有一个重量，我似乎无法弄清楚是什么导致了这个问题以及如何解决它......不胜感激

@font-face {
font-family: "Basic";
src: url('fonts/basic-regular-webfont.woff2') format('woff2'),
    url('fonts/basic-regular-webfont.woff') format('woff'),
    url('fonts/Basic-Regular.ttf') format('truetype');

}

Answer 1

这很正常，不同浏览器在实际渲染文本的外观上存在巨大差异。 这里重要的是，无论您尝试对文本施加多少控制，最终，您都不会得到太多。 更不用说大多数浏览器都可以让用户即时调整大小和覆盖字体设置。

查看这篇文章： 字体渲染差异：Firefox vs. IE vs. Safari