iOS Safari无法正确渲染Machauer字体的问题排查求助

问题现象 #

• Machauer字体在桌面端Chrome、Safari中渲染正常，但在iOS设备（iPhone/iPad）的Safari中无法正确显示
• 该字体的官方下载页也存在同样问题，唯独页面中的textarea控件内，字体能完整正确展示细节

渲染效果对比 #

• textarea内正确渲染：
• textarea外错误渲染：

已尝试的无效操作 #

• 调整text-rendering、font-smoothing等CSS属性，对iOS Safari的渲染问题无改善

当前字体定义及使用代码 #

@font-face {
font-family: 'Machauer';
src: url(fonts/machauer.ttf) format('truetype');
font-weight: normal;
}

h1 {
font-family: 'Machauer';
text-rendering: geometricPrecision;
}

恳请协助排查该字体在iOS Safari中无法正确渲染的原因及解决办法。

内容的提问来源于stack exchange，提问作者chris