在iOS上巨大的网络字体字母空间

时间:2018-07-17 21:59:03

标签: ios css google-chrome safari webfonts

ios上的字体“ DIN压缩”字母间距很大(前一个字母宽度正好多了)。所有ios设备上的所有浏览器(Safari和Google),原始ttf以及字体松鼠生成的woff都会发生这种情况。

我该如何解决?

(到目前为止已经尝试过-将字体文件重命名为.otf)

这是站点:https://itstestlab.eu/

sample of font letter spacing on ios

2 个答案:

答案 0 :(得分:1)

@font-face{font-family:'FontName';src:url('/f/f.woff2') format('woff2'),url('/f/f.woff') format('woff')}

这是我最接近的字体导入,并且Chrome,Firefox,IE10,Edge,Safari和Safari向上返回版本5以及具有原始iOS的iPhone 5S都没有问题。 它还解决了苹果使用其他字体格式的DRM(版权保护)问题。

我使用FontSquirrel将字体转换为其他格式,并且还对它们进行“规范化”,包括大小不正确,定义不正确的字形。有很多选项,但可以进行预定义的“常规”转换。

编辑:我调查了您的CSS,发现/cms/css/cms_normalise.scss的最后一条规则将一些非标准的内容应用于您的字体。它看起来像个reset.css的文件。我不确定是否会导致此问题,因为我无法重现它,但是您可能需要检查一下。

答案 1 :(得分:0)

包含来自Typekit CDN的Web版本,并且可以从那里运行。

似乎这是某种复制保护系统。发送给我的原始文件客户端仅用于桌面。