字体在 Safari、Firefox 和 IE 上看起来与在 Chrome 上不同答案

【问题标题】：Fonts look different on Safari, Firefox and IE than on Chrome字体在 Safari、Firefox 和 IE 上看起来与在 Chrome 上不同
【发布时间】：2021-04-18 23:03:24
【问题描述】：

我使用了一种名为“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');

}

【问题讨论】：

您确定正在显示字体吗？大多数浏览器都允许您检查元素并查看实际用于在其中呈现任何文本的字体。
您是否尝试添加font smoothing？
是的，它正在显示，但它显示的是一个奇怪的字体版本。 WOFF 格式是否可能与 TrueType 格式明显不同？我想不出它可能发生的其他原因

标签： html css fonts safari font-face

【解决方案1】：

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

查看这篇文章： Font Rendering Differences: Firefox vs. IE vs. Safari

【讨论】：