android - @font-face 问题与 phonegap 在 android 上

Question

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

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

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

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

谢谢。 :)

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

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