在ionic2中从assests文件夹加载字体时出错-Java 学习之路

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

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

'roboto-medium.ttf'，'roboto-regular.ttf'，'ionicons.woff'，'ionicons.woff'，'roboto-regular.woff'存在这些错误

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脚本版本：1.0.0
ios-deploy版本：未安装
ios-sim版：未安装
操作系统：Linux 3.13
节点版本：v7.7.2
Xcode版本：未安装

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

4 回答

0

经过大量的努力，我找到了解决方案 . 那就是在“theme”文件夹中对variable.scss文件进行更改 . 在变量$ font-path的路径中解决了所有问题 . $ font-path：“ . ./assets/fonts“;

回复于 2024-04-29T23:41:02+08:00
0
对我来说也有同样的问题 .

由于一些修改，这些文件被遗漏，我得到了解决 -
- $ npm install
- 服务器重启 ionic serve --lab
对我有用 .

希望它也适合你 .
回复于 2024-04-29T23:41:02+08:00
0

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

回复于 2024-04-29T23:41:02+08:00

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

回复于 2024-04-29T23:41:02+08:00

在ionic2中从assests文件夹加载字体时出错

4 回答

相关问题