Bootstrap Glyphicons and theme for wordpress

Hi,

I'm developing a theme for wordpress and I'm trying to use the Glyphicons that comes with Bootstrap but I can't make it work, I have tried many things without succeed.

I'm using bootstrap 3.3.7 with sass, my fonts folder is theme_name/fonts/bootstrap/....
My css file is in the root of my theme folder,
The Glyphicons path on the css is showing  src: url(/fonts/bootstrap/glyphicons-xxx.....

I would appreciate any help.

Thanks
GeorgeTowersAsked:
Who is Participating?
 
Prasadh BaapaatWeb Designer & DeveloperCommented:
If you are using bootstrap 3.3.7 there will be 3 folders in ROOT of the dist folder you downloaded.

copy all 3 folders and paste them in your TEMPLATE folder where you STYLE.CSS file resides.

so now if you want to use the Glyphicons into your STYLE.CSSin root.. you will have to import the fonts first & then use them as below:

@font-face { .... }  and the path should be like below:

src: url('fonts/glyphicons-halflings-regular.eot');

You can copy paste the entire Glyphicon css code from bootstrap and just remove the "../" from the source path and add to your style.css in root

hope this helps.

Thanks,
Prasadh
1
 
GeorgeTowersAuthor Commented:
I tried change the path from _bootstrap-variables.scss but it didn't worked, I overwrites the path to the fonts copying it to my root css and now is working.

Thanks
0
 
Prasadh BaapaatWeb Designer & DeveloperCommented:
great :)
0
 
Julian HansenCommented:
View your source file
Click on the links to the fonts and see if it loads.
Failing that post your rendered output.
1
 
Prasadh BaapaatWeb Designer & DeveloperCommented:
its a good solution
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.