Question

我已将FontAwesome添加到我的cordova应用程序中。项目。我使用angularjs generator将CordularJS与Cordova一起使用。在浏览器中一切正常，但如果我在Android设备上构建并运行它，FontAwesome图标就不会显示出来。

每chrome://inspect/#devices我看到此错误输出：

Failed to load resource: net::ERR_FILE_NOT_FOUND file:///home/username/workspace/cordova/appname/app/fonts/fontawesomewebfont.woff
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///home/username/workspace/cordova/appname/app/fonts/fontawesome-webfont.ttf
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///home/username/workspace/cordova/appname/app/fonts/fontawesome-webfont.svg

我的字体包含在appname/app/fonts目录中，font-awesome.css包含

@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot');
src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}

如何更改这些绝对路径？

Answer 1

你做错了什么，但是什么？ ; - ））

您的开发者文件（index.html，css，js，images，fonts，...）必须位于顶级www文件夹中。这是唯一一个你必须放置所有这些文件的地方。 www文件夹之外的文件将被忽略。
如果您通过cordova构建构建应用程序，则www文件夹将被复制到平台www文件夹中。 Cordova将添加一些cordova特定文件，但不会更改您的个人文件。
Cordova本身只能访问www文件夹中的文件。如果你有外面的文件，你必须使用文件插件。

找不到Cordova FontAwesome字体

1 个答案: