【问题标题】:@font-face not working in mobile (specifically Android)@font-face 在移动设备(特别是 Android)中不起作用
【发布时间】:2019-02-03 23:35:21
【问题描述】:

我已经完全尝试了所有方法并在线研究了至少一个小时,非常感谢您的帮助。

我的字体有以下代码。它在桌面上显示正常,但在移动设备上却不行:

    @font-face {
    font-family: 'Helvetica Neue';
    src: url('/fonts/HelveticaNeue.woff2') format('woff2'),
         url('/fonts/HelveticaNeue.woff') format('woff'),
         url('/fonts/HelveticaNeue.ttf') format('truetype'),
         url('/fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
         url('/fonts/HelveticaNeue.eot'),
         url('/fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
         font-weight: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/fonts/HelveticaNeue-Medium.woff2') format('woff2'),
         url('/fonts/HelveticaNeue-Medium.woff') format('woff'),
         url('/fonts/HelveticaNeue-Medium.ttf') format('truetype'),
         url('/fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/HelveticaNeue-Medium.eot'),
         url('/fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
         font-weight: 500;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/fonts/HelveticaNeue-Bold.woff2') format('woff2'),
         url('/fonts/HelveticaNeue-Bold.woff') format('woff'),
         url('/fonts/HelveticaNeue-Bold.ttf') format('truetype'),
         url('/fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/HelveticaNeue-Bold.eot'),
         url('/fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
         font-weight: bold;
}

我有什么遗漏的吗?

谢谢

【问题讨论】:

    标签: android css mobile fonts font-face


    【解决方案1】:

    您的字体网址(“https://fosoa.ie/fonts/HelveticaNeue.woff2”)是禁止错误!检查您的路径的权限。

    【讨论】:

      猜你喜欢
      • 2011-06-18
      • 2017-07-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-06-12
      • 2014-05-19
      • 2013-01-04
      相关资源
      最近更新 更多