Google fonts' Multi-name icon on cordova renders two different icons

Question

Google fonts' Multi-name icon on cordova renders two different icons

81 views Asked by zangarmarsh At 07 September 2024 at 10:09

I am converting a web application into a working hybrid mobile app through cordova. I'm using Google's material icons set and each multi-name icon (i.e. photo_camera) is translated in two different icons. This weird problem only occurs on cordova.

The Code:

Result:

Any idea?

Original Q&A

There are 1 answers

**Sa E Chowdary** · Answer 1 · 2016-12-22 13:15:11

i think your calling it wrongly.....when i try with your code i got proper icon like below

<!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="[email protected]" 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>

In second case i tried in many ways by missing something in that photo_camera then i got as you mentioned everytime

TechQA.

Google fonts' Multi-name icon on cordova renders two different icons

There are 1 answers

Related Questions in HTML

Related Questions in CSS

Related Questions in CORDOVA

Related Questions in GOOGLE-MATERIAL-ICONS

Popular Questions

Popular Tags

Trending Questions