CODEWITHSUNDEEP
asp.net-mvctwitter-bootstrapfontsglyphicons
chuckd
chuckd

Reputation: 14540

Glyphicon not showing inside button

I have added a button with a glyphicon inside it. 

<button type="button" class="btn btn-default btn-lg">
     <span class="glyphicon glyphicon-star" aria-hidden="false"></span> Star
</button>

I see the button but don't see the glyphicon inside it. Maybe my font files aren't in the right spot, I also might have updated bootstrap but not the font files (would that cause the glyphs not to show up?). I haven't really touched the folder structure or the font files that were included in the project when I created it in VS.

Here is my folder structure for the bootstrap and font files. It is basically the default structure that Visual Studio set up for the ASP.Net MVC project type. Question - if this isn't the correct folder structure to access the font files then why was it created like this by default?

enter image description here

Upvotes: 0

Views: 5481

Answers (2)

chuckd
chuckd

Reputation: 14540

My @font-face paths looked like this.

url("../fonts/bootstrap/glyphicons-halflings-regular.eot");

but my folder with my font files was in

../fonts/files

so I added a bootstrap folder and now it works. Not sure why it's probably because I updated some of the bootstrap files without updating the font files.

Upvotes: 0

spickywolf
spickywolf

Reputation: 86

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<button type="button" class="btn btn-default btn-lg">
     <span class="glyphicon glyphicon-star" aria-hidden="false"></span> Star
</button>

Upvotes: 3

Related Questions