I'm using the Material Design Iconic Font from here and had a bit of difficulty getting it to work.
It basically came down to the way the icon classes are defined in css. the material design icons are defined like this:
.zmdi-floppy:before {
content: '\f297';
}
whereas the font awesome icons are defined like this:
.fa-floppy-o:before {
content: "\f0c7";
}
The only difference is the single vs double quotes. With single quotes the icons will never show up and no errors are generated. This is because of the way javascript interprets the single quote compared to the double quote.
I'm using the Material Design Iconic Font from here and had a bit of difficulty getting it to work.
It basically came down to the way the icon classes are defined in css. the material design icons are defined like this:
whereas the font awesome icons are defined like this:
The only difference is the single vs double quotes. With single quotes the icons will never show up and no errors are generated. This is because of the way javascript interprets the single quote compared to the double quote.