@font-face Android 上 phonegap 的问题

Question

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

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

问题是如果我在页面中使用了设计器字体，文件传输将无法工作。你们有没有人遇到过这样的问题？

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

谢谢。 :)

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...);
}

我会尝试一下，看看是否可以缓解问题。