Question

当使用某些尺寸的自定义字体时，字母会不正确地缩放。如图所示： http://img836.imageshack.us/img836/5927/customfontscaling.png

此示例中使用的字体为Theano Old Style 我也尝试了Quattrocento Roman，它可以更好地扩展，但我发现11px仍然看起来比12px和10px更好。

使用了@ font-face

@font-face {
  font-family: 'Custom Font Name';
  src: url('font-source.eot'); /* IE9 Compat Modes */
  src: url('font-source.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font-source.woff') format('woff'), /* Modern Browsers */
    url('font-source.ttf') format('truetype'), /* Safari, Android, iOS */
    url('font-source.svg#svgFontName') format('svg'); /* Legacy iOS */
}

浏览器我用以下方法测试过：FF10，Opera 11.6，IE9

我意识到人们可以坚持正确显示的尺寸，但我有兴趣知道是否有：

a）一种仍然可以缩放字体的方法，但是人们希望没有字母像那样扭曲或
b）安全尺寸的表格，因此不必使用试验和错误

CSS：解决自定义字体的不正确缩放问题？

0 个答案: