I know that there's many other problems similar to this, but mine doesn't seem to meet any of the criteria of the other issues.
My Bootstrap 3 glyphicons are working for every browser except Firefox. On Firefox, they display as weird symbols. This same problem is notorious when serving the glyphicons from a CDN, but that's not my issue as I'm using locally hosted font files. Also, I've already ensured that my files aren't corrupted.
Here's my code.
<head>
<link rel="stylesheet" type="text/css" media="screen" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/assets/css/bootstrap-style.css" />
<link rel="stylesheet" type="text/css" media="all" href="/assets/css/style.css" />
</head>
The code for the glyphicon:
<span class="glyphicon glyphicon-list-alt section-icon"></span>
I've already ensured that my files are addressed appropriately and made sure to clear my cache. I can't tell what I'm missing here. Suggestions?
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
