css - @font-face 查询的奇怪问题

Question

我正在使用以下代码以特殊字体显示 H1 元素。

@font-face {
font-family: 'Serif-semi-bold';
src: url('http://www.jaguarseascouts.org.uk/wp-content/themes/molesey/fonts/TheSerifSemiBold-Plain.ttf'); /* IE9 Compat Modes */ 
}

在 IE、Firefox 等中显示良好，但在 Chrome 中看起来非常粗糙且效果不佳。

为什么会这样？

非常感谢

Answer 1

大多数现代浏览器都使用 .woff 字体，因此您可能也想包含该字体。另一方面，Chrome 通常在渲染字体方面做得非常糟糕。