Question

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

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

存在这些误差为＆＃39;的Roboto-medium.ttf＆＃39;，＆＃39;的Roboto-regular.ttf＆＃39;＆＃39; ionicons.woff＆＃39;，＆＃39; ionicons。 woff＆＃39;，＆＃39; roboto-regular.woff＆＃39;

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

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

Cordova CLI：6.5.0
Ionic Framework版本：2.0.0
Ionic CLI版本：2.2.1
Ionic App Lib版本：2.2.0
Ionic App Scripts版本：1.0.0
ios-deploy版本：未安装
ios-sim版本：未安装
操作系统：Linux 3.13
节点版本：v7.7.2
Xcode版本：未安装

我已经使用我之前的同一个应用程序副本进行了交叉检查，发现@ font-face的main.css文件中的路径从../assets/fonts更改为assets / fonts / ionicons.woff2。我认为这是根本原因，但我尝试更改它，在运行应用程序后，未应用更改。如何解决此问题。

Answer 1

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

Answer 2

我也有同样的问题。

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

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

为我工作很棒。

希望它也适合你。

Answer 3

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

Answer 4

在我的情况下，以下是错误的修复：将此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" />

在ionic2

4 个答案: