在网站上使用格鲁吉亚进行正文复制,我们注意到在mac与Windows上呈现文本的方式之间存在重大差异。
当使用较小的字体大小时,问题出现在Windows上,因为浏览器呈现的文本(在Chrome,Safari,Firefox中测试)看起来与安装的字体非常不同。
在36px时,浏览器呈现的文本(顶部)与直接输入PhotoShop(底部)的文本相匹配:
在12px时,浏览器呈现的文本非常不同(字符看起来很长):
任何人都可以解释为什么会这样吗?我们需要确保跨浏览器/平台的类型一致呈现。
值得注意的是,如果我直接导入系统字体(使用@ font-face),则类型会正确呈现。
答案 0 :(得分:0)
如果要确保使用图像进行一致的渲染,则系统之间几乎不会出现一致的字体渲染。 Windows的字体渲染器与Mac OSX中的字体渲染非常不同。以下是关于该主题的精心撰写的文章:Link
答案 1 :(得分:0)
“值得注意的是,如果我直接导入系统字体(使用@ font-face),则类型会正确呈现。”
为什么不直接导入系统字体呢?
另一方面,我和弗洛里安在一起。差别很小,我真的不关心它。