【问题标题】:Phonegap : Custom font is not workingPhonegap:自定义字体不起作用
【发布时间】:2015-06-02 05:52:50
【问题描述】:

我正在使用自定义字体样式在 PhoneGap 中做一个应用程序。字体样式在浏览器中接受,但在安卓手机中不接受。

<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>

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

提前致谢

【问题讨论】:

标签: android css cordova font-face phonegap-build


【解决方案1】:

你可以尝试从根文件夹的相对路径,而不是:

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

试试

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

假定字体是与 www 文件夹下的 .html 文件处于同一级别的文件夹。

问候,

【讨论】:

  • 如何从根文件夹访问,我们无法访问根文件夹@Palvinder
  • 您上面显示的样式是在html文件还是单独的css文件中?如果它在您的 html 文件中,并且我认为 html 文件与字体文件夹一起位于项目文件夹的根目录中,那么将路径更改为指向 /fonts/cooperblackstd.eot 等(查看前导 /)将确保您已正确引用它们。我在一个应用程序中也遇到了类似的问题,在该应用程序中附加 / 似乎可以修复通过 javascript 在混合 android 应用程序中设置的图像的断开链接(但在我的本地桌面上工作正常)。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-04-22
  • 1970-01-01
相关资源
最近更新 更多