Question

我有自定义字体，无法在Android设备上运行，但适用于Chrome和Firefox以及IE 11。在服务器上我有2个字体文件叫： Ventilla Script_0.eot和Ventilla Script_0.ttf

我目前在我的css中有以下内容：

  /* Fonts */
    @font-face {
        font-family: 'Ventilla Script';
        src: url('../fonts/Ventilla Script_0.eot?') format('embedded-opentype');
        }
    @font-face {

        font-family: Ventilla Script;
        src: local(Ventilla Script_font), url('../fonts/Ventilla Script_0.ttf') format('opentype');

    }

据我所知，.tff规则适用于Android浏览器，任何人都可以告诉我可能需要添加的内容。

由于

伊恩

Answer 1

您应该使用Squirrel font generator

它在Android设备上适用于我。

Answer 2

我曾尝试使用Squirrel字体生成器，但我必须粘贴错误，但在询问此问题后，我发现了这个链接 http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

现在我的css看起来像这样

@font-face {
font-family: 'Ventilla Script';
src: url('../fonts/Ventilla Script_0.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/Ventilla Script_0-webfont.woff') format('woff'), 
     url('../fonts/Ventilla Script_0.ttf')  format('truetype'),
     url('../fonts/Ventilla Script_0-webfont.svg#svgVentilla Script') format('svg');
}

它适用于我的手机和Galaxy Tab 3

干杯

伊恩

自定义字体不会嵌入Android上我做错了什么

2 个答案: