1

我已经使用fontsquirrel为字体“formata”生成了字体文件。在我的 Mac 上，字体在 Chrome 和 Safari 中看起来都不错（这似乎是合乎逻辑的，因为两者都使用 Webkit）。它在 Android (Chrome) 和 iPad (Safari) 上也能很好地呈现。

然而，在 Windows 中，字体呈现非常奇怪。有些字母看起来像它们有一个 1px 的填充底部。有些字母在高度上也看起来像小一像素。

我尝试过关闭 ClearType，但它仍然是一样的。浏览器似乎无关紧要。

下面是我的样子的截图： Windows 中的字体渲染示例

4

1 回答 1

2

尝试调整字体大小。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;
}
于 2013-01-14T03:46:49.760 回答