@ font-face声明在Android 4.3 Internet浏览器中不起作用?

大卫

我的三星Galaxy S3手机最近从Android 4.1.3升级到Android 4.3。现在,我在Android互联网浏览器中测试过设计的几个网站都没有显示用声明的字体@font-face我需要怎么做才能解决此问题?

网站之一(开发版本):http : //beta.kdfansite.com

这是一些与Open Sans相关的CSS:

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('http://beta.kdfansite.com/wp-content/themes/scrollider/scrollider/webfonts/Open-Sans/OpenSans-Semibold-webfont.eot');
    src: url('http://beta.kdfansite.com/wp-content/themes/scrollider/scrollider/webfonts/Open-Sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://beta.kdfansite.com/wp-content/themes/scrollider/scrollider/webfonts/Open-Sans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('http://beta.kdfansite.com/wp-content/themes/scrollider/scrollider/webfonts/Open-Sans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('http://beta.kdfansite.com/wp-content/themes/scrollider/scrollider/webfonts/Open-Sans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ... */

h2 {
    font-family: 'OpenSansSemibold', Arial, sans-serif;
    /* ... */
}

我在网站上使用的每种字体都以类似的方式声明。用于“享受您的旅程”消息的Great Vibes声明(也在custom.css中)是另一个要比较的声明。所有字体在同一设备上的Android版Chrome浏览器和Firefox中正确显示,但在Android Internet中无法正确显示。

我需要尽快完成此CSS的工作,并以志愿者(未付费)的身份从事此项目。因此,我正在寻找一种快速修复方法,而不是代码审查。我也是UX设计人员,而不是Web开发人员。提前致谢。

编辑:我今天在Edge Inspect CC和weinre中进行了一些附加的调试,将我的Android手机和iPad都连接到了笔记本电脑。在Weinre中,我可以在iPad上更改字体系列,但不能在电话上更改字体。我可以在两个设备上更改字体颜色。因此,看来潜在的问题与以下事实有关:使用远程调试器时,无法将字体更改为默认字体。

博塞龙

我在这里有同样的问题我该如何解决。

我只在带有媒体查询的移动设备上使用svg。

@media only screen and (max-width: 320px) {
@font-face {
    font-family: 'open_sansbold';
    src: url('OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
}
@media only screen and (max-device-width: 720px) and (orientation:portrait) {
    @font-face {
        font-family: 'open_sansbold';
        src: url('OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
        font-weight: normal;
        font-style: normal;
    }

}
@media only screen and (max-device-width: 1280px) and (orientation:landscape) {
    @font-face {
        font-family: 'open_sansbold';
        src: url('OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
        font-weight: normal;
        font-style: normal;
    }
}

希望对您有帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

MP3音频在Firefox浏览器/ Android Firefox浏览器中不起作用

来自分类Dev

在CSS中使用自定义@ font-face在任何浏览器中均不起作用

来自分类Dev

在CSS中使用自定义@ font-face在任何浏览器中均不起作用

来自分类Dev

CSS3 font-face 旧浏览器兼容性 + 本地字体

来自分类Dev

@ font-face在Firefox和Internet Explorer中不起作用

来自分类Dev

@ font-face字体不起作用

来自分类Dev

@ font-face在Chrome中不起作用

来自分类Dev

D3附加HTML在边缘浏览器中不起作用

来自分类Dev

Atrributes Selection在Android浏览器上不起作用

来自分类Dev

Monospace CSS在Android的Chrome浏览器中不起作用

来自分类Dev

background-size:cover在android本机浏览器中不起作用

来自分类Dev

Jw Player在移动Web浏览器(Android和IOS设备)中不起作用

来自分类Dev

background-size:cover在android本机浏览器中不起作用

来自分类Dev

Javascript AJAX Click事件有时在Android本机浏览器中不起作用

来自分类Dev

Jw Player在移动Web浏览器(Android和IOS设备)中不起作用

来自分类Dev

下载链接在android浏览器应用中不起作用

来自分类Dev

Angular 2 应用程序在 android 4.4.2 默认浏览器中不起作用

来自分类Dev

Font- Awesome在Android应用中不起作用

来自分类Dev

@ Font-face在IOS上不起作用

来自分类Dev

@ font-face不起作用,字体不变

来自分类Dev

@ Font-face在IOS上不起作用

来自分类Dev

透视图属性(css3)在Mozilla Firefox浏览器上不起作用

来自分类Dev

Ionic 3 - 离子幻灯片在浏览器上不起作用

来自分类Dev

@font-face 不工作 3

来自分类Dev

甚至“防弹” @ font-face在IE9中也不起作用(Apache上的wordpress网站)

来自分类Dev

字体重量:粗体的@ font-face在IE9中不起作用

来自分类Dev

@ font-face在Android Cordova中无法使用Unicode Malayalam

来自分类Dev

什么是现代@font-face 声明?

来自分类Dev

如何在Rails 4中使用@ font-face嵌入字体?

Related 相关文章

  1. 1

    MP3音频在Firefox浏览器/ Android Firefox浏览器中不起作用

  2. 2

    在CSS中使用自定义@ font-face在任何浏览器中均不起作用

  3. 3

    在CSS中使用自定义@ font-face在任何浏览器中均不起作用

  4. 4

    CSS3 font-face 旧浏览器兼容性 + 本地字体

  5. 5

    @ font-face在Firefox和Internet Explorer中不起作用

  6. 6

    @ font-face字体不起作用

  7. 7

    @ font-face在Chrome中不起作用

  8. 8

    D3附加HTML在边缘浏览器中不起作用

  9. 9

    Atrributes Selection在Android浏览器上不起作用

  10. 10

    Monospace CSS在Android的Chrome浏览器中不起作用

  11. 11

    background-size:cover在android本机浏览器中不起作用

  12. 12

    Jw Player在移动Web浏览器(Android和IOS设备)中不起作用

  13. 13

    background-size:cover在android本机浏览器中不起作用

  14. 14

    Javascript AJAX Click事件有时在Android本机浏览器中不起作用

  15. 15

    Jw Player在移动Web浏览器(Android和IOS设备)中不起作用

  16. 16

    下载链接在android浏览器应用中不起作用

  17. 17

    Angular 2 应用程序在 android 4.4.2 默认浏览器中不起作用

  18. 18

    Font- Awesome在Android应用中不起作用

  19. 19

    @ Font-face在IOS上不起作用

  20. 20

    @ font-face不起作用,字体不变

  21. 21

    @ Font-face在IOS上不起作用

  22. 22

    透视图属性(css3)在Mozilla Firefox浏览器上不起作用

  23. 23

    Ionic 3 - 离子幻灯片在浏览器上不起作用

  24. 24

    @font-face 不工作 3

  25. 25

    甚至“防弹” @ font-face在IE9中也不起作用(Apache上的wordpress网站)

  26. 26

    字体重量:粗体的@ font-face在IE9中不起作用

  27. 27

    @ font-face在Android Cordova中无法使用Unicode Malayalam

  28. 28

    什么是现代@font-face 声明?

  29. 29

    如何在Rails 4中使用@ font-face嵌入字体?

热门标签

归档