在PhoneGap App中链接字体真棒的正确方法

时间:2019-01-26 04:37:03

标签: font-awesome phonegap

我正在使用PhoneGap构建一个Android应用。但是代码中使用的Font真棒图标只是一个正方形。在Font awesome被链接为CDN之前。我已删除CDN并将其复制到我的CSS文件夹中。但是现在我什么也没得到,即使正方形也不可见。我在浏览器源代码中检查了代码。当我在浏览器中单击“真棒字体”链接时,路径正常时,它会显示Cannot GET /css/css/font-awesome.css

   <link rel="stylesheet" href="css/css/font-awesome.css"><!-- icons -->

在PhoneGap应用中添加真棒字体的正确方法是什么

3 个答案:

答案 0 :(得分:0)

我不知道为什么会说“无法获取/css/css/font-awesome.css”,但是您不能仅下载Font Awesome CSS文件,因为CSS文件引用了字体文件,因此您需要下载所有内容。

转到https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself并下载所有内容。然后将其解压缩,并将您应用程序的www文件夹放入HTML页面中,并放入<link href="your-path-to-fontawesome/css/all.css" rel="stylesheet">

答案 1 :(得分:0)

对此我不太确定,但我想您需要链接到font-awesome.min文件,而我需要链接到css/CSSIcons/font-awesome/css/font-awesome.min.css

您能帮我检查一下吗,让我知道它是否有效

答案 2 :(得分:0)

使用/ css在phonegap上是错误的,因为/是电话的根目录。最好使用相对路径,例如:

<link href="css/all.css" rel="stylesheet"> <!--load all styles -->

当然不要忘记将webfonts文件夹复制到项目www文件夹