在android上使用phonegap的@ font-face问题

Question

我曾使用过设计师字体  <h3>  在使用css文件中的@font-face的PhoneGap应用程序中。

我还必须使用PhoneGap中的FileTransfer()函数将文件传输到服务器上的PHP应用程序。

问题是如果我在页面中使用了designer-font，文件传输将无法工作。有没有人遇到过这样的问题？

我真的很想知道它是不是一个错误。

感谢。 ：）

Answer 1

我没有使用PhoneGap的直接经验，但我在@ font-face上做了很多。我不确定你是如何定义你的字体的，但我认为它是这样的：

@font-face {
    font-family: 'MyFontName';
    src: url('/path/to/font/MyFontName.ttf') format('truetype')
}

只是大声思考，但可能是FileTransfer（）可能已经弄乱了指向字体所在位置的文件路径？

我能想到的一个避免文件路径混乱的解决方案是将字体（base64编码）直接编码到CSS中......所以它看起来像这样：

@font-face {
    font-family:"MyFontName";
    src: url(data:font/opentype;base64,d09GRgABAAAAAFL...);
}

我试一试，看看是否可以缓解这个问题。