从 Ionic2 中的 assests 文件夹加载字体时出错

Question

在开发Ionic应用程序时，我使用了一些图标和图像。问题是现在我的应用程序无法正确显示图标。控制台中出现这些错误

Failed to load resource: the server responded with a status of 404 (Not Found)----ionicons.woff2

这些错误存在于"roboto-medium.ttf"，"roboto-regular.ttf"，"ionicons.woff"，"roboto-regular.woff"，"Ionicons.Woff">

localhost:portnumber/build/assets/fonts/roboto-light.ttf 404 (Not Found)

我什至没有在我的应用程序中使用任何字体，但是为什么这会影响显示图标

• 科尔多瓦 CLI：6.5.0
• 离子框架版本：2.0.0
• 离子 CLI 版本：2.2.1
• 离子应用程序库版本：2.2.0
• 离子应用程序脚本版本：1.0.0
• iOS 部署版本：未安装
• iOS-sim 版本：未安装
• 操作系统： Linux 3.13
• 节点版本：v7.7.2
• Xcode 版本：未安装

我已经与我以前的同一应用程序的副本进行了交叉检查，发现 main.css 文件中的 @font 面的路径从 ../资产/字体 .我认为这是根本原因，但我试图更改它，运行应用程序后未应用更改。

Answer 1

经过一番挣扎，我找到了解决方案。那就是在"主题"文件夹中的变量.scss文件中进行更改.chaning变量的路径$font路径解决了所有问题。$font-path: "../assets/fonts";

Answer 2

对我来说也有同样的问题。

由于一些修改这些文件被遗漏，我得到了解决-

1. $ npm install
2. 服务器重新启动ionic serve --lab

对我来说工作得很好。

希望它也对你有用。

Answer 3

就我而言，以下是对错误的修复： 将此 mime 添加到您的 web.config：

<configuration> <system.webServer> <staticContent> ...
<!--
https://stackoverflow.com/questions/28235550/proper-mime-type-for-woff2-fonts
-->   
<remove fileExtension=".woff2" />
<mimeMap fileExtension=".woff2" mimeType="font/woff2" />

Answer 4

如果您不需要 Roboto 字体，只需在variables.scss中删除此行@import "roboto"