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