@fontface自定义字体在ios上不可见_Ios_Css_Fonts

@fontface自定义字体在ios上不可见

ios css fonts

@fontface自定义字体在ios上不可见,ios,css,fonts,Ios,Css,Fonts,嗨，我在ios上查看自定义字体时遇到了一些问题，我按照这里的评论进行了操作，但似乎没有任何乐趣我已经上传了这个 @font-face { font-family: 'CeraPro'; src: url('CeraPro.eot'); /* IE9 Compat Modes */ src: url('CeraPro.eot?#iefix') format('embedded-opentype'), url('CeraPro.wo

嗨，我在ios上查看自定义字体时遇到了一些问题，我按照这里的评论进行了操作，但似乎没有任何乐趣

我已经上传了这个

    @font-face {
      font-family: 'CeraPro';
      src: url('CeraPro.eot'); /* IE9 Compat Modes */
      src: url('CeraPro.eot?#iefix') format('embedded-opentype'),
           url('CeraPro.woff2') format('woff2'), /* Super Modern Browsers */
           url('CeraPro.woff') format('woff'), /* Pretty Modern Browsers */
           url('CeraPro.ttf') format('truetype'), /* Safari, Android, iOS */
           url('CeraPro.svg#svgCeraPro') format('svg'); /* Legacy iOS */
 }

该网站是arcade78.com

在您提到的网站上，字体用作

body，p{font-family:'Cera-Pro'}

，但您将其定义为

font-family:'CeraPro'

。姓名必须100%匹配，包括空格。谢谢，瓦伦丁将其更改为匹配，但遗憾的是，在上一期中仍然是相同的iOS@font-face{font-family:'Cera-Pro'；src:url（'CeraPro.eot'）；/*IE9兼容模式/src:url（'CeraPro.eot？#iefix'）格式（'embedded-opentype'）、url（'CeraPro.woff2'）格式（'woff2'），超级现代浏览器/url（'CeraPro.woff'）格式（'woff'），/Pretty Modern浏览器/url（'CeraPro.ttf'）格式（'truetype'），/Safari，Android，iOS/url（'CeraPro.svg#svgCeraPro'）格式（'svg'）；/Legacy iOS*/}在Firefox中采用响应式设计模式（我知道这不是真正的移动设备）字体显示得很好。此外，您的页面非常沉重。在您提到的网站上，字体用作

正文，p{font-family:'Cera-Pro'}

，但您将其定义为

font-family:'CeraPro'