Phonegap：自定义字体不起作用

Question

我正在使用自定义字体样式在 PhoneGap 中做一个应用程序。字体样式是在浏览器中，但不在 Android phone.

<style>    
 @font-face {
        font-family: 'CooperStd';
        src: url('fonts/cooperblackstd.eot');
        src: url('fonts/cooperblackstd.eot?#iefix') format('embedded-opentype'),
            url('fonts/cooperblackstd.woff') format('woff'),
            url('fonts/cooperblackstd.ttf')  format('truetype'),
            url('fonts/cooperblackstd.svg#CooperBlackStd') format('svg');
        font-weight: 900;
        font-style: normal;
    }


body{font-family:'CooperStd' , arial ;   }

</style>

我检查了字体路径，在浏览器中检查控制台也是正确的。我没有发现任何错误。

提前致谢

Answer 1

您可以试试从根文件夹开始的相对路径，即代替：

src: url('fonts/cooperblackstd.eot');

尝试

src: url('/fonts/cooperblackstd.eot');

假定 fonts 是与 www 文件夹下的 .html 文件同级的文件夹。

此致，

Phonegap：自定义字体不起作用

Phonegap : Custom font is not working

css

android

font-face

cordova

phonegap-build