FontAwesome icons not showing


#1

I’m download Material from https://github.com/Daemonite/material but when I’am access from my computer fontawesome not work

Please help me


#2

Hi @avn

Material no longer includes Font Awesome by default. You now need to load Font Awesome separately. You can either host it locally, or use CDN, for example:

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">


#3

I am having same issue … I am building hybrid app in cordova web view. So I am getting the same problem text instead of icons also checkbox goes wrong can you please help me in this regards. I have tested font awesome that works fine but for checkboxs I can’t fix it.


#4

hi @Umair_CSP text showing instead of icons is probably because the lack of ligatures support of the browser you are using:

For browsers that do not support ligatures, fall back to specifying the icons using numeric character references. Find both the icon names and codepoints on the material icons library ( https://design.google.com/icons/ ) by selecting any icon and opening the icon font panel.

for example:

<i class="material-icons">face</i>

would become

<i class="material-icons">&#xE87C;</i>