谷歌字体' cordova上的多名称图标呈现两个不同的图标

时间:2016-12-22 11:14:12

标签: html css cordova google-material-icons

我正在通过cordova将Web应用程序转换为可用的混合移动应用程序。我使用了Google的素材图标集,每个多名图标(即photo_camera)都翻译成两个不同的图标。这个奇怪的问题只发生在cordova上。

守则: The code

结果:Result

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

我认为你的错误称呼.....当我尝试你的代码时,我得到了正确的图标,如下面



<!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>
&#13;
&#13;
&#13;

在第二种情况下,我在很多方面试图通过丢失那些photo_camera中的东西然后我按照你每次提到的那样获得