Material Design Icons plötzlich gestoppt arbeiten

Ich habe an einer Cordova App gearbeitet, ich habe mit einem Samsung SM-J700P getestet.

Mein Setup für die Material Icons war grundsätzlich:

HTML –

<div id="alarm"><i class="material-icons">add_alert</i></div> 

CSS –

 @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(./path/to/MaterialIcons-Regular.woff2) format(woff2), url(./path/to/MaterialIcons-Regular.woff) format(woff); } 

Ich habe das Material Icons Paket lokal in meinem Projekt gespeichert, also sollte es kein Problem haben, die Symbole zu bekommen. Dies hat für die ganze Zeit getestet auf diesem Handy gearbeitet, bis vor ein paar Tagen habe ich ein Update auf meinem SM-J700P. Danach erscheint keines meiner Icons mehr. Die aktuelle Version der Software am Telefon ist: J700PVPS1AQD1.

Weil Cordova auf ein Chromfenster auf Android zurückgeht, sollte ich nur das Woff2 Paket für die Icons brauchen, also bezweifle ich, dass das Problem ist. Ich habe auch einen seltsamen Fehler in meiner Android Studio-Konsole, wenn ich das Programm ausführen.

 E/libEGL: validate_display:225 error 3008 (EGL_BAD_DISPLAY) I/OpenGLRenderer: Initialized EGL, version 1.4 W/AudioCapabilities: Unsupported mime audio/mpeg-L1 W/AudioCapabilities: Unsupported mime audio/mpeg-L2 //... Lots more Unsupported mime types which I don't understand... E/chromium: [ERROR:interface_registry.cc(104)] Failed to locate a binder for interface: autofill::mojom::PasswordManagerDriver More unsupported mime types... 

Ich weiß nicht, wie sehr diese Fehler in der Konsole wichtig sind, aber sie sind auch neu seit dem Update. Der Rest der App funktioniert ganz gut, keiner dieser Fehler stürzt ab, es wird einfach nicht mehr die Material Icons anzeigen.

Irgendwelche Ideen?

Bearbeiten: Weitere Informationen. Wenn ich nur die html-Datei in meinem eigenen Chrome-Browser anschaue, erscheinen die Icons als normal. So scheint es, wie es vielleicht ein Problem mit Cordova ist. Ich habe auch die App mit einem Samsung S7 Edge getestet, was auch nicht die Icons zeigen würde, also scheint es nicht, telefonabhängig zu sein.

  • Android Tab Layout innerhalb Fragment nicht laden Tab Inhalt
  • Wie man eine Material-Design kreisförmigen Fortschrittsbalken in Android zu implementieren
  • Material UI Layout teilen sich nach Winkellinie
  • Implementieren von Gmail Tablet wie Navigationsschublade
  • Was ist die "Akzentfarbe"?
  • Android "Elevation" zeigt keinen Schatten
  • Wie kann man den Material-Design erhobenen Knopf-Stil nachahmen, auch für Pre-Lollipop (abzüglich der Spezialeffekte)?
  • Stylisieren von Materialknöpfen in Android v21
  • 2 Solutions collect form web for “Material Design Icons plötzlich gestoppt arbeiten”

    Die Antwort war nicht überraschend einfach. In der CSS habe ich Zitate vergessen.

    Damit:

     @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../Path/To/MaterialIcons-Regular.woff2) format (woff2); } 

    Gewesen sein sollte:

     @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(../Path/To/MaterialIcons-Regular.woff2) format ('woff2'); } 

    Dies ist nach der Google-Dokumentation hier

    Sie vergessen die Zitate hier (nach format ):

      url(../Path/To/MaterialIcons-Regular.woff2) format ('woff2'); 
    Das Android ist ein Google Android Fan-Website, Alles ├╝ber Android Phones, Android Wear, Android Dev und Android Spiele Apps und so weiter.