Answer the question
In order to leave comments, you need to log in
Why aren't glyphicons showing up?
Good afternoon!
I'm making a website in Visual Studio. I installed the bootstrap SASS package via NuGet.
Accordingly, the fonts / bootstrap folder automatically appeared
in which there are 5 files with glyphicons fonts
in the css file it is written
@at-root {
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/bootstrap/glyphicons-halflings-regular.eot');
src: url('../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/bootstrap/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/bootstrap/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/bootstrap/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); }
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.glyphicon-asterisk:before {
content: "\2a"; }
.glyphicon-plus:before {
content: "\2b"; }
<span class="glyphicon glyphicon-copyright-mark"></span>
Answer the question
In order to leave comments, you need to log in
The problem was in the file path itself. I wrote ../ ../fonts/bootstrap/glyphicons-halflings-regular.eot
with my hands
and began to be displayed.
the real problem is that Sass 3.3 came out and sass for bootstraper is in this format, in my VS SASS handles the Web Essential plugin and it does not support this standard yet ...
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question