为什么浏览器无法正确渲染我的字体

Question

我正在使用带有@ font-face的自定义字体。但是它们在浏览器中呈现出锯齿状边缘。 我尝试了.woff和.otf，Chrome和Firefox；结果相同。

有趣的是，同一页面上的相同字体的小文本看起来要好得多（请参见屏幕截图2）。

Answer 1

好的，我找到了问题的原因： 大文本位于h1元素中，默认情况下会获取font-weight: bold。 我必须通过放置font-weight: unset和Walla来取消设置！现在看起来很棒amazing。