我花了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这样吧?
我刚尝试引用所有这些仍无法正常工作
@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"); }
无法解码下载的字体: 我该怎么办?
答案 0 :(得分:2)
试试这个:问题在于通过外部css文件提供字体时所采用的路径。要解决此问题,请在index.html正文中内联声明字体网址
<div>
<style scoped>
@font-face {
font-family: Monotype Corsiva;
src: url('fonts/Monotype_Corsiva.ttf') format('truetype');
}
</style>
</div>
以这种方式声明字体网址后,它工作正常。