SOLVED-Bootstrap 3 Glyphicons are not working

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.