PC上的字体渲染不一致

时间:2014-03-07 23:22:23

标签: html css fonts

我在网站上使用bodonixt字体,如果字体大小设置为小于24.5px,则字体不均匀。如果我在Mac上查看该网站,该字体是可以的,在PC上它不是。它在所有浏览器上看起来都很奇怪。有什么办法可以用css解决这个问题吗?

你可以在这里看到我的意思:www.fredgranados.com

2 个答案:

答案 0 :(得分:1)

是webfont吗?意思是你通过CSS加载它?如果是这样,那就是它的样子。每个浏览器,每个操作系统,每个用户系统和/或用户首选项可能导致字体呈现略有不同。

如果它不是webfont,则上述相同的问题适用,但是你有一个额外的问题,即不是每个人都必须安装该字体,或者如果他们这样做,他们可能有不同版本的字体。

答案 1 :(得分:1)

这取决于字体的提示(优化)。字体是一系列矢量图像。矢量形状不一定适合精确像素,因此浏览器/ OS /渲染器应确定像素应该变为黑色还是白色(或者在抗锯齿的情况下为灰色阴影)。要做到这一点,字体可以包含Hinting information,这有助于渲染器在绘制字体时做出正确的选择。通常,字体仅针对特定字体大小和特定目标进行优化(提示),因为此过程既昂贵又困难,并且还使字体文件更大。

我在DaFont上下载了Bodoni XT字体,在Windows中的字体预览器中打开它时,我对小尺寸的质量印象不深。例如,一些字母的衬线在较小的尺寸中完全缺失。

一般来说,看起来这个字体看起来不太好,或者只是针对大字体打印和/或显示进行了优化。

也许字体针对Mac进行了更好的优化,或者Mac更适合显示这些字体。无论如何,如果您希望这也适用于其他操作系统,您将需要更好的版本,或者完全不同的字体。我已经通过Manfred Klein检查了一些其他字体,并且当以较小的尺寸显示时,他的大多数衬线字体似乎都有类似的问题。