html - 字体无法在 Mac/iOS Safari 上呈现

Question

我有一个字体在 iOS 和 MAC OSX 上根本无法正确呈现的问题。它在我尝试过的任何其他地方都能正确呈现，包括全新的 Windows 7 虚拟机。

它真的开始磨我的齿轮了。

这是我定义字体的 CSS。

@font-face {
    font-family: 'Knockout';
    src: local('☺'), 
         url('Fonts/knockout.otf') format('otf'), 
         url('Fonts/knockout.woff') format('woff'),
         url('Fonts/knockout.ttf') format('truetype'),
        url('/Fonts/knockout.svg#Knockout') format('svg');
    font-weight: normal;
    font-style: normal;
}

对于旧版 SVG 文件，标题如下:

<defs>
<font id="Knockout" horiz-adv-x="269" >
  <font-face 
    font-family="Knockout"
    font-weight="500"
    font-stretch="normal"
    units-per-em="1000"

下面是需要应用字体的实际类的 LESS/CSS 样式:

 .header
       {
            position: absolute;
            top: 0;
            font-family: 'Knockout';
            color: @ColorTealD;
            font-size: 10vw;
            pointer-events: none;
            text-rendering: optimizeLegibility;
       }

就我访问过的 StackOverflow 链接而言:

css @font-face doesn't work

Webfont not showing in iOS

@font-face not working in mobile Webkit

我还访问了一个建议使用笑脸技巧的链接，以及另一个建议在 SVG URL 前加上“/”的链接。我还清除了 iPhone 上的 Safari 缓存。 我需要强调的是，这种字体出现在其他浏览器中，包括完全删除的虚拟机。目前不能选择切换字体，因为已经支付了 500 美元用于许可。

有人知道我还能做什么来解决这个问题吗？我很确定接下来的步骤包括将处女扔进火山或放血山羊。

Answer 1

这可能是浏览器的问题，而不是字体或代码的问题。每个浏览器呈现不同的字体。我在 chrome 中也遇到了这个问题。

你试过其他字体吗？如果另一种字体可以工作，那是浏览器的问题。