Fonts 嵌入式网页字体,跨平台显示差异巨大

Fonts 嵌入式网页字体,跨平台显示差异巨大,fonts,cross-platform,webfonts,Fonts,Cross Platform,Webfonts,所以我已经和这个问题斗争了好几个星期,仍然找不到任何答案 我正在使用字体联盟哥特式,并尝试使用webkit方法和css@fontface方法,两者都给了我相同的结果 在苹果电脑、移动设备以及安卓设备上,一切看起来都很完美,但在微软电脑上,它们显示的每个字符都有不同的行高/字符高度 我附上了一张图片来说明我的意思。左边的图片来自苹果,左边的图片来自微软公司,右边的是苹果 请注意,这不是一个浏览器问题,它在使用一个平台的所有浏览器上都很好,而在使用另一个平台的所有浏览器上都是错误的 任何帮助都将不胜

所以我已经和这个问题斗争了好几个星期,仍然找不到任何答案

我正在使用字体联盟哥特式,并尝试使用webkit方法和css@fontface方法,两者都给了我相同的结果

在苹果电脑、移动设备以及安卓设备上,一切看起来都很完美,但在微软电脑上,它们显示的每个字符都有不同的行高/字符高度

我附上了一张图片来说明我的意思。左边的图片来自苹果,左边的图片来自微软公司,右边的是苹果

请注意,这不是一个浏览器问题,它在使用一个平台的所有浏览器上都很好,而在使用另一个平台的所有浏览器上都是错误的

任何帮助都将不胜感激!
谢谢

可能的原因是每个浏览器使用不同的字体文件类型;IE只使用.eot,而其他浏览器将使用.ttf或.otf文件类型。可能是您的.eot类型与其他类型不同;尝试不同的网页字体(谷歌网页字体有很多方便快捷的功能),看看问题是否依然存在。如果有,那就是IE字体渲染问题(当然,没有浏览器以相同的方式渲染字体),如果没有,那就是字体文件问题。

我认为没有办法解决这个问题,自从字体脸webfonts问世以来,这一直是一场战斗。您可以查看用户的平台是否为Windows
if(navigator.userAgent.match(/Windows/i)){}
,然后使用从Mac上捕获的图像,而不是使用实际文本,这就是我所做的,效果很好;唯一的缺点是可编辑性。正如Jacedc所说,你对此无能为力。作为Microsoft PC的所有者,您可以尝试使用计算机的字体渲染(主要是别名),但作为网站的开发人员,您却无能为力。@Jacedc是的,这是行不通的。不幸的是,对于一家拥有多个贡献者的大型公司来说,这是一个巨大的网站。谢谢你的回复。谢谢@Tammy Shipps,我会试试的。奇怪的是,开发团队中的一个人说,这是大约一个月前开始的。此外,上层人士非常希望使用这种字体,因为它与他们的其他品牌材料相关联。此外,它在浏览器中运行良好,平台似乎会产生冲突。如果您需要更多帮助,请告诉我们:)谢谢Tammy,我们正在研究cufon,尽管我不喜欢这样做。