Blafasel: PNG-Datei als Icon?

Beitrag lesen

In dem Beispiel wird die Grafik in einer Schrift versteckt. In meinen Augen eine Unsitte, aber sei's drum.

In den CSS-Vorgaben findest du unter .item:before die scheinbar leere Eigenschaft content. Stünde die Schriftart hier zur Verfügung, würde dort die Grafik erscheinen.

In content kannst du statt Text (bzw. vermeintlichem Text, wie im Beispiel) auch die URL zu einer Grafik angeben, content: url("http://www.example.com/test.svg"), und noch einiges andere, siehe https://developer.mozilla.org/en-US/docs/Web/CSS/content.