文章/答案/技术大牛

发布

社区首页 >问答首页 >材料设计图标-md-图标标签在Mozilla Firefox上不起作用

问材料设计图标-md-图标标签在Mozilla Firefox上不起作用
EN

Stack Overflow用户

提问于 2016-08-23 07:35:44

回答 1查看 1.7K关注 0票数 0

我遵循了材料设计图标中的自托管步骤，同时使用了角材料的md图标，而不是i标记。

当代码在Google和9上顺利运行时，我在Mozilla 48.0.1上运行代码时遇到了问题。

在使用Firefox时，控制台日志至少3次显示以下消息：

downloadable font: download failed (font-family: "Material Icons" style:normal weight:normal stretch:normal src index:2): bad URI or cross-site access not allowed source: file:///D:/Atom%20Projects/kenobi/node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff2

其他详情：

我的

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="../node_modules/angular-material/angular-material.min.css">
    <link rel="stylesheet" href="../node_modules/material-design-icons/iconfont/material-icons.css">
    <script src="../node_modules/angular/angular.min.js"></script>
    <script src="../node_modules/angular-material/angular-material.min.js"></script>
    <script src="../node_modules/angular-aria/angular-aria.min.js"></script>
    <script src="../node_modules/angular-animate/angular-animate.js"></script>
    <script src="../app/test-package/test.js"></script>
  </head>

  <body ng-app="TestModule">
    <md-icon class="material-icon" style="color: #000000;">face</md-icon>
    <md-radio-button
  </body>

</html>

我的Javascript

var app = angular.module("TestModule", ["ngMaterial"]);

相同的错误不显示3次，但显示如下：

downloadable font: download failed (font-family: "Material Icons" style:normal weight:normal stretch:normal src index:2): bad URI or cross-site access not allowed source: file:///D:/Atom%20Projects/kenobi/node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff2

downloadable font: download failed (font-family: "Material Icons" style:normal weight:normal stretch:normal src index:3): bad URI or cross-site access not allowed source: file:///D:/Atom%20Projects/kenobi/node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff

downloadable font: download failed (font-family: "Material Icons" style:normal weight:normal stretch:normal src index:4): bad URI or cross-site access not allowed source: file:///D:/Atom%20Projects/kenobi/node_modules/material-design-icons/iconfont/MaterialIcons-Regular.ttf

angularjs

firefox

material-design

angular-material

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-08-23 07:52:19

有关您的问题的更多细节，您可以看到这个答案。您的问题可以通过托管您的角度应用程序来解决。我建议用Grunt配手表。这是很容易设置和开始，也给你现场重新加载。你可以在这里读到更多关于这一点的信息：咕噜表

托管应用程序也是一个很好的实践，因为它使应用程序在行为上更接近实际应用程序。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/39095063

复制

相似问题

问材料设计图标-md-图标标签在Mozilla Firefox上不起作用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问材料设计图标-md-图标标签在Mozilla Firefox上不起作用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问材料设计图标-md-图标标签在Mozilla Firefox上不起作用
EN