S
S
Sinoptikl2015-06-27 16:24:14
css
Sinoptikl, 2015-06-27 16:24:14

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"; }

Nothing manually ruled.
I include css in html. All styles from it are displayed.
when you try to use some icons in html, nothing is displayed in any browser.
For example like this:
<span class="glyphicon glyphicon-copyright-mark"></span>

In Chrome, pressing F12 on this element in the content displays a copyright icon. but not on the page.
What could be the problem?

Answer the question

In order to leave comments, you need to log in

2 answer(s)
S
Sinoptikl, 2015-06-28
@Sinoptikl

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 ...

A
Alexander, 2015-06-28
@vrtb

It didn't show up on my locale either. I switched to hosting - everything worked.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question