在 PhoneGap App 中 link Font awesome 的正确方法

Question

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

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

在 PhoneGap App 中添加 Font awesome 的正确方法是什么

Answer 1

我不知道为什么这么说 "Cannot GET /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">。

Answer 2

我不太确定，但我猜你需要 link 到 font-awesome.min 文件，在我的情况下 css/CSSIcons/font-awesome/css/font-awesome.min.css.

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

Answer 3

在 phone 间隙上使用 /css 是错误的，因为 / 是 phone 根。最好使用像这样的相对路径：

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

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

在 PhoneGap App 中 link Font awesome 的正确方法

Proper method to link Font awesome in PhoneGap App

font-awesome

phonegap