字體無法在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不起作用

Webfont未在iOS中顯示

@ font-face在移動Webkit中不起作用

我還訪問了一個建議使用笑臉技巧的鏈接，以及另一個建議使用'/'開頭的SVG URL的鏈接。 我還擦除了iPhone上的Safari緩存。 我需要強調的是，這種字體會出現在其他瀏覽器中，包括完全擦除的虛擬機。 目前，不能選擇切換字體，因為已經為許可費了500美元。

有人對我還能做些什么有任何想法來解決此問題？ 我敢肯定，接下來的步驟涉及將處女扔進火山或放血山羊。

Answer 1

這可能是瀏覽器的問題，而不是字體或代碼的問題。 每個瀏覽器都以不同的方式呈現字體。 我在Chrome中也遇到了這個問題。

您嘗試其他字體了嗎？ 如果其他字體有效，那是瀏覽器故障。

Answer 2

“ Knockout 32”字體原始文件中有錯誤。 我在FontForge中打開它並重新創建了它。