网络字体字母 space 巨大 ios

web font letter space huge on ios

字体 "DIN Condensed" ios 上的字母间距很大(正好是前一个字母宽度的额外)。所有 ios 设备上的所有浏览器(Safari 和 Google)都会发生这种情况,使用原始 ttf 以及 font-squirrel 生成的 woff。

我该如何解决这个问题?

(目前也已尝试 - 将字体文件重命名为 .otf)

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

包括来自 Typekit CDN 的网络版本,它可以从那里运行。

这似乎是某种版权保护系统。发送给我的原始文件客户端仅供桌面使用。

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

这是我最接近导入字体并且在 Chrome、Firefox、IE10、Edge、Safari 回到版本 5 以上和 iPhone 5S 与原始 iOS,向上。 它还解决了 Apple 与其他字体格式的 DRM(版权保护)问题。

我使用 FontSquirrel 将字体转换为其他格式,并且 "normalize" 它们包括错误大小、错误定义的字形。有很多选项,但进行预定义的 "usual" 转换应该可行。

编辑:我查看了您的CSS,发现/cms/css/cms_normalise.scss 的最后一条规则对您的字体应用了一些非标准内容。它看起来像 reset.css 的矫枉过正。我不确定这是否会导致问题,因为我无法重现它,但你可能想检查一下..