Css @font-face查询中的奇怪问题

我使用以下代码以特殊字体显示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浏览器中显示非常粗糙

为什么会这样

---

非常感谢

大多数现代浏览器都使用.woff字体，因此您可能也希望包含该字体。另一方面，Chrome在呈现字体方面通常做得很差。

现在大多数浏览器都有清理字体的方法

将其插入CSS，这将有助于大多数字体：

html {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}

---

如果该特定字体有问题，您可以下载、上传并在fontsquirrel.com上进行转换-转换后，它将为您提供代码和多种不同的字体格式。

未登录，所指的字体文件不可用。此外，发布的代码是不完整的（一个

@font-face

本身不起任何作用），而且“vert grainy and poor”不是一个客观的问题描述。