现代网站的字体在每个浏览器中都显示问题,如何解决?

现代网站的字体在每个浏览器中都显示问题,如何解决?

平台:win7,x64,radeon hd7450,windows aero 关闭,cleartype 完全关闭。

因此,我尝试了任何主流浏览器,但它们都出现了类似的问题。chrome 中的问题也仍然存在。

问题表现为字体不清晰,注意俄文字体看起来不错。

html4 网站字体没有问题,在这个例子中检查的网站是 youtube,但是问题出现在现代网站上,我认为谷歌字体有问题,但不确定。

注意:使用覆盖用户代理 ie6 的 Firefox 可以处理所有字符。

Firefox 用户代理 = ie6

Firefox 用户代理 = ie6

Firefox 默认用户代理。

Firefox 默认

即 8

即 8

维瓦尔第

维瓦尔第

卡梅隆

卡梅隆

答案1

这很“正常”。问题不在于网站或浏览器,而在于 Windows 和字体本身。

当您的用户代理为“IE6”时,YouTube 会使用简化的样式表,其中只包含基本字体,例如 Arial。当用户代理为现代浏览器(可通过网络加载字体)时,YouTube 会开始使用自己的字体,例如 Roboto。

传统上,Windows 自带的 Arial 和其他字体针对低分辨率像素屏幕进行了优化——Arial 和 Times New Roman 的创造者实际上花了很多时间将所有内容与像素网格对齐,使用 TrueType“提示指令”,在某些情况下甚至包括特定尺寸的位图版本。

(快速浏览光栅悲剧首先了解为什么这是必要的。

但由于 ClearType 和高分辨率 LCD 的出现,这种情况已变得不那么常见了——例如,即使是微软自己的 Consolas 实际上也需要抗锯齿/字体平滑才能正确绘制。Roboto 也是如此。而且由于几乎每个人都启用了抗锯齿功能,Windows 字体渲染器还不够智能,无法尝试“自动提示”字体。

相关内容