谷歌字体在科尔多瓦上的多名称图标呈现两个不同的图标答案

【问题标题】：Google fonts' Multi-name icon on cordova renders two different icons谷歌字体在科尔多瓦上的多名称图标呈现两个不同的图标
【发布时间】：2017-05-08 00:04:18
【问题描述】：

我正在通过 cordova 将一个 Web 应用程序转换为一个可以工作的混合移动应用程序。我正在使用 Google 的材料图标集，每个多名称图标（即 photo_camera）都被翻译成两个不同的图标。这个奇怪的问题只发生在cordova上。

代码：

结果：

有什么想法吗？

【问题讨论】：

标签： html css cordova google-material-icons

【解决方案1】：

我认为你叫错了.....当我尝试使用你的代码时，我得到了如下所示的正确图标

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>
    <p>first</p>
      <i class="material-icons ">photo_camera</i>
 <p>second</p>
<i class="material-icons ">photocamera</i>
  </body>
<script>
        var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});
</script>
</html>

在第二种情况下，我尝试了很多方法，在那个 photo_camera 中遗漏了一些东西，然后我得到了你每次提到的

【讨论】：