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

Question

iOS 上的字体“DIN Condensed”字母间距很大(正好是前一个字母的宽度)。这发生在所有 ios 设备上的所有浏览器(Safari 和谷歌)上，使用原始的 ttf，以及 font-squirrel 生成的 woff。

我该如何解决这个问题？

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

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

Answer 1

@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 将字体转换为其他格式，并对它们进行“规范化”，包括尺寸错误、定义错误的字形。有很多选项，但进行预定义的“常规”转换应该可行。

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