为什么@ font-face在Windows中变得怪异？

Question

我使用fontsquirrel为字体“formata”生成了font-face文件。在我的Mac上，Chrome和Safari中的字体看起来都不错（这似乎是逻辑，因为它们都使用Webkit）。它也适用于Android（Chrome）和iPad（Safari）。

然而，在Windows中，字体渲染真的很奇怪。有些字母看起来像是1px的填充底部。有些字母似乎也是高度上的一个像素。

我试图改变ClearType，但它仍然是一样的。浏览器似乎并不重要。

以下是我的样子截图：

Answer 1

尝试调整字体大小。 Windows上的某些自定义字体在特定字体大小时效果不佳。尝试几种不同的尺寸。

一个适合我的例子：

@font-face {
    font-family: 'PaddingtonSCPlainSmallCapsRom';
    src: url('/assets/fonts/paddingtonsc-webfont.eot');  /* IE9 Compat Modes */
    src: url('/assets/fonts/paddingtonsc-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/paddingtonsc-webfont.woff') format('woff'),  /* Modern Browsers */
         url('/assets/fonts/paddingtonsc-webfont.ttf') format('truetype'),  /* Safari, Android, iOS */
     url('/assets/fonts/paddingtonsc-webfont.svg#webfontCykG2Qou') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
  /* font-variant: normal; don't include this since webkit will ignore the whole rule: https://bugs.webkit.org/show_bug.cgi?id=25000 */
}

body {
  font: normal 75%/1.5em PaddingtonSCPlainSmallCapsRom, Arial, sans-serif;
}