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

我还访问了一个建议使用smileyface技巧的链接，另一个建议使用＆＃39; /＆＃39;来建议SVG URL的前缀。我还擦掉了iPhone上的Safari缓存。 我需要强调的是，这种字体出现在其他浏览器中，包括完全擦除的虚拟机。此时切换字体不是一个选项，因为已经分配了500美元用于许可。

任何人对我还能做些什么都有任何想法，解决这个问题？我很确定接下来的步骤包括将一个处女扔进火山或放血山羊。

Answer 1

这可能是浏览器的问题，而不是字体或代码。每个浏览器都以不同方式呈现字体。我在chrome中也有这个问题。

你尝试过另一种字体吗？如果另一种字体有效，那么浏览器就会出错。

Answer 2

＆＃34;淘汰赛32＆＃34;字体原始文件。我在FontForge中打开它并重新创建它。

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

2 个答案: