自定义字体无法在Phonegap

时间:2015-07-20 09:05:10

标签: cordova phonegap-plugins font-size

我花了5个小时尝试了所有其他线程的每个解决方案,但它仍然没有工作。

Custom Fonts in Android PhoneGap

Phonegap : Custom font is not working

How to add custom font in PhoneGap

以上所有这些都没有帮助。自定义字体在我的笔记本电脑上的浏览器上工作,但当我将其打包到应用程序时,它不起作用。 Phonegap 3.7,它不适用于任何设备,但只是笔记本电脑浏览器。

@font-face {
       font-family:'AppleMyungjo';
 src: url("/font/AppleMyungjo.ttf");
      src:url("/font/AppleMyungjo.ttf") format("truetype");
        }

#open{
    position:absolute;
    margin-left:1%;
color:white;
    top:10%;
        font-size: 150%;

font-family: 'AppleMyungjo';
    font-weight: lighter;
    text-shadow: none;

}

我检查了日志,我发现了错误file:///font/AppleMyungjo.ttf Failed to load resource: net::ERR_FILE_NOT_FOUND

但我确实有一个名为font的文件夹,里面有ttf。 ttf这样吧? enter image description here

我刚尝试引用所有这些仍无法正常工作

 @font-face {
       font-family:'AppleMyungjo';
 src: url("/font/AppleMyungjo.ttf");
           src:url("/css/font/AppleMyungjo.ttf") format("opentype");
          src:url("/css/font/AppleMyungjo.ttf") format("truetype");
           src:url("../font/AppleMyungjo.ttf") format("opentype");
          src:url("../font/AppleMyungjo.ttf") format("truetype");

      src:url("../css/font/AppleMyungjo.ttf") format("opentype");
          src:url("../css/font/AppleMyungjo.ttf") format("truetype");  }

无法解码下载的字体: 我该怎么办?

1 个答案:

答案 0 :(得分:2)

试试这个:问题在于通过外部css文件提供字体时所采用的路径。要解决此问题,请在index.html正文中内联声明字体网址

<div>
      <style scoped>
        @font-face {
          font-family: Monotype Corsiva;
          src: url('fonts/Monotype_Corsiva.ttf') format('truetype');
        }
      </style>
</div>

以这种方式声明字体网址后,它工作正常。