字体在 Safari、Firefox 和 IE 上看起来与在 Chrome 上不同
Fonts look different on Safari, Firefox and IE than on Chrome
我使用了一种名为“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 Rendering Differences: Firefox vs. IE vs. Safari
我使用了一种名为“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 Rendering Differences: Firefox vs. IE vs. Safari