嵌入式字体系列无法在 ios 14 上正确呈现答案

【问题标题】：embedded font-family not rendering properly on ios 14嵌入式字体系列无法在 ios 14 上正确呈现
【发布时间】：2020-12-09 06:23:19
【问题描述】：

我转换了我有权在 WOFF 中使用的字体。在所有其他版本的 ios（13 及以下）中，字体会正确显示在网站上。但是，在 IOS 14（无论 iPhone 版本如何）中，它会显示在右侧，并且不在我拥有的盒子大小范围内。当我将字体系列更改为浏览器默认的字体时，它会正确显示。

我嵌入如下：

@font-face {
    font-family: 'lunchtype-medium';
    src: url('/wp-content/themes/example/fonts/Lunchtype22-Medium-webfont.eot');
    src: url('/wp-content/themes/example/fonts/Lunchtype22-Medium-webfont.eot?iefix') format('eot'), url('/wp-content/themes/example/fonts/Lunchtype22-Medium-webfont.woff') format('woff'), url('/wp-content/themes/example/fonts/Lunchtype22-Medium-webfont.ttf') format('truetype'), url('/wp-content/themes/example/fonts/Lunchtype22-Medium-webfont.svg#webfont') format('svg');
}

正如最初所说，我在任何其他浏览器或操作系统上都没有这个问题。

【问题讨论】：

标签： css cross-browser ios14

【解决方案1】：

显然，目前 ios 14 仅支持 otf 和 ttf 字体格式。使用font-face时请放在订单列表的顶部。

^_^

【讨论】：