在PhoneGap应用程序中链接Proper字体的正确方法

Question

我正在构建一个使用PhoneGap的安卓应用程序。但是代码中使用的Font are图标看起来只是一个正方形。在Font as被链接为CDN之前。我已经删除了CDN并将其复制到我的CSS文件夹中。但现在我什么也得不到，甚至连正方形也看不见。我在浏览器源代码中检查了我的代码。当我在浏览器中点击Font browser链接时，它会显示Cannot GET /css/css/font-awesome.css，而路径是on的。

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

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

Answer 1

在phonegap上使用/css是错误的，因为/是电话根。最好使用如下的相对路径：

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

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

Answer 2

我不知道为什么它会说“无法获取/ CSS / CSS / Font -awesome.css"，但是你不能只下载font Awesome CSS文件，因为CSS文件引用了字体文件，所以你需要下载所有内容。

访问https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself并下载所有内容。然后解压它，放入你的应用程序的www文件夹，并在你的超文本标记语言页面中包含<link href="your-path-to-fontawesome/css/all.css" rel="stylesheet">。

Answer 3

我不太确定这一点，但我猜你需要链接到font-awesome.min文件，在我的例子中是css/CSSIcons/font-awesome/css/font-awesome.min.css。

你能帮我检查一下吗，伙计，让我知道它是否有效？