Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[dirk_1930]

Ich habe mir das aktuelle Demo MD_Simple heruntergeladen.
Im Project CSS habe ich den Pfad angepasst...

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  
  <link href="https://fonts.googleapis.com/css2?family=Material+Icons"
      rel="stylesheet">
  src: url(/vis.0/MD_Simple/images/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: url(/vis.0/MD_Simple/images/MaterialIcons-Regular.woff) format('woff'),
       url(/vis.0/MD_Simple/images/MaterialIcons-Regular.ttf) format('truetype');
       
}

Leider kann ich nicht alle Icons darstellen.

<span class="material-icons">
location_on
</span>

funktioniert

<span class="material-icons">
air
</span>

funktioniert nicht.

Woran könnte das liegen?

[mickym]

@dirk_1930 Steht da - dass man die Kommentare entfernen soll - bei mir sieht das ganze nun so aus:

/* (1) An Projektnamen anpassen (MD_Demo ersetzen) */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/vis.0/font/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: url(//vis.0/font/MaterialIcons-Regular.woff) format('woff'),
       url(//vis.0/font/MaterialIcons-Regular.ttf) format('truetype');
       
}

/* (2) Zur Nutung der MaterialDesignIcons (https://github.com/Templarian/MaterialDesign-Webfont/tree/master/fonts) die den @font-face Block umfassenden Kommentare entfernen und die Projektnamen (MD_) durch die eigenen ersetzen. Aus dem angegebenen Link müssen die Font-Dateien via vis-Dateimanager in den (project)/images Ordner kopiert werden.
In der vis Nutzung in der Form: <i class="mdui-mdi">&#xF02DC;</i> */

    
@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.eot?v=5.0.45");
  src: url("/vis.0/font/materialdesignicons-webfont.woff?v=5.0.45") format("woff"), 
  url("/vis.0/font/materialdesignicons-webfont.ttf?v=5.0.45") format("truetype");
  font-weight: normal;
  font-style: normal;
}