Search code examples
javascripthtmlcsstwitter-bootstrapglyphicons

Why do my bootstrap glyphicons get rendered to Chinese characters?


I'm using bootstrap with a customized version of bootstrap.css version 3.1.1 using their Customize page. The only setting I changed was @grid-float-breakpoint setting to @screen-desktop. The contents of my customized bootstrap.css can be found here.

My glyphicon span looks like:

<span class="glyphicon glyphicon-ok form-control-feedback"></span>

and renders to: glyphicon-ok Chinese character

The glyphicon-remove span also renders as a chinese character.

<span class="glyphicon glyphicon-remove form-control-feedback"></span>

and renders to: glyphicon-remove Chinese character


Solution

  • Copying over the font files to the server again and clearing my browsers' caches has resolved this problem. I don't understand how both browsers had cache problems, but that's what fixed the issue.