I have got guidens from the following links,
https://stackoverflow.com/questions/18245575/bootstrap-3-unable-to-display-glyphicon-properly
https://stackoverflow.com/questions/18369036/bootstrap-3-glyphicons-are-not-working
In my project i already refered the gallery.css there I pasted the css font code and replace with the cdn.
you can manually replace your own fonts:
@font-face {
font-family: 'Glyphicons Halflings';
src: url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot'); src: url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
If you just follow the video guide to solve your problem. finally it works great for me.