Ändere dein CSS auf folgendes:
%Vor% Sie können also content: "[whatever icon here]";
Auch die Fiddle hat die Icon Schriftart nicht richtig geladen, also setze ich den Link in den html.
Wenn Sie ein Material-Symbol mit zwei oder mehr Wörtern verwenden möchten, müssen Sie das Unterstrich-Trennzeichen wie folgt verwenden:
%Vor% C.Schubert war fast mit ihrer Antwort da, aber wenn Sie auch IE10 + Unterstützung haben wollen, müssen Sie font-feature-settings: 'liga' 1; hinzufügen. So wird das fertige Styling so aussehen ...
Und wie C.Schubert sagte, ändere content: "[whatever icon here]"; auf dein gewünschtes Icon.
Tags und Links html css3 material-design