小编big*_*ter的帖子

@ font-face无法在移动Webkit中使用

我在@font-face我测试过的任何移动Webkit浏览器中都遇到了麻烦- 在iPhone 3GS上安装了Safari,默认的Android 2.2浏览器和Android上的Dolphin浏览器.

它适用于所有桌面浏览器,从IE7到IE9,FF3.5,Safari 4和Opera.

字体和CSS来自FontSquirrel:

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/League_Gothic-webfont.eot');
    src: local('?'),
        url('../fonts/League_Gothic-webfont.woff') format('woff'),
        url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
        url('../fonts/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatinModernRoman10Bold';
    src: url('../fonts/lmroman10-bold-webfont.eot');
    src: local('?'),
        url('../fonts/lmroman10-bold-webfont.woff') format('woff'),
        url('../fonts/lmroman10-bold-webfont.ttf') format('truetype'),
        url('../fonts/lmroman10-bold-webfont.svg#webfonthCDr6KZk') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatinModernRoman10BoldItalic';
    src: url('../fonts/lmroman10-bolditalic-webfont.eot');
    src: local('?'),
        url('../fonts/lmroman10-bolditalic-webfont.woff') format('woff'),
        url('../fonts/lmroman10-bolditalic-webfont.ttf') format('truetype'),
        url('../fonts/lmroman10-bolditalic-webfont.svg#webfontegrLi3sm') format('svg');
    font-weight: normal;
    font-style: normal;
}
Run Code Online (Sandbox Code Playgroud)

我已经检查了SVG字体源中的SVG ID,它们都匹配.

可能是因为我后来在CSS中有一些字母间距规则?

谢谢!

css iphone android font-face mobile-webkit

14
推荐指数
1
解决办法
4万
查看次数

标签 统计

android ×1

css ×1

font-face ×1

iphone ×1

mobile-webkit ×1