Windows上的锯齿状字体 - Chrome和Safari

Question

我使用以下代码在我的网页上使用自定义字体:

@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('fonts/HelveticaNeueBold.eot');
    src: url('fonts/HelveticaNeueBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/HelveticaNeueBold.woff') format('woff'),
         url('fonts/HelveticaNeueBold.ttf') format('truetype'),
         url('fonts/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

这适用于Mac上的所有浏览器,但在Chrome和Safari上的PC上查看它看起来是锯齿状的.我可以使用任何修复程序使它看起来都一样吗？下面显示了差异(左侧为Mac,右侧为PC - 均为Chrome).

Answer 1

PC 上的 @font-face 字体通常看起来有点笨拙，但“提示”字体会提高可读性。

尝试通过 font squirrel 转换器运行您的字体，它可以在转换过程中处理提示。

http://www.fontsquirrel.com/fontface/generator

顺便说一句，我也不会为 Helvetica 使用 @font-face，而只是依赖安装了该字体的人，回退到 Arial。不是最接近的匹配，但它会给你最好的结果。