O Bootstrap 3 Glyphicons não está funcionando

360

Fiz o download do bootstrap 3.0 e não consigo fazer com que os glyphicons funcionem. Eu recebo algum tipo de erro "E003". Alguma idéia de por que isso está acontecendo? Tentei tanto localmente quanto online e ainda tenho o mesmo problema.

patinete
fonte
11
onde você está recebendo o erro?
Daniel A. White
11
Em qualquer lugar que insiro os ícones ... Aqui está o erro que recebo. A única coisa que fiz foi baixar a inicialização do personalizador do site e substituir os arquivos anteriores (embora os arquivos de fonte tivessem nomes diferentes). Agora eles não estão funcionando ... Tentámos também vários navegadores, Firefox, Chrome, ou seja, a mesma coisa ... i.imgur.com/2f474kX.jpg
scooterlord
2
Acabei de baixar a versão mais recente de hoje e os glifos não aparecem se eu usar o arquivo CSS minimizado. Se eu usar o bootstrap.css 'normal' tudo funcionará bem.
Antonio Sesto
11
Em 23 de junho de 2015, inclua a versão mais recente v3.3.5 maxcdn: você não possui erros
11
Descobri que estava usando os glyphicons em um fundo branco e esperando que eles aparecessem. Usando <i style = "color: black" class = "glyphicon glyphicon-new-window"> </i> foi corrigido.
Vijay Vepakomma

Respostas:

478

Eu estava com o mesmo problema e não consegui encontrar nenhuma informação sobre ele, exceto nos comentários ocultos nesta página. Meus arquivos de fonte estavam carregando muito bem, de acordo com o Chrome, mas os ícones não estavam sendo exibidos corretamente. Estou fazendo disso uma resposta, por isso espero ajudar os outros.

Ocorreu um problema com os arquivos de fonte que baixei da ferramenta de personalização do Bootstrap 3. Para obter as fontes corretas, vá para o página inicial Bootstrap e faça o download do arquivo .zip completo. Extraia os quatro arquivos de fonte de lá para o diretório de fontes e tudo deve funcionar.

Jeff
fonte
Você economizou muitas horas de dor. Eu já tinha feito uma hora de dor, mas depois pensei em olhar aqui.
Christina
6
a troca dos arquivos de fontes pelos incluídos no bootstrap-3.0.0 da página inicial do getbootstrap.com funciona. Obrigado pela dica!
Michal Kopec
11
Resposta correta! Os arquivos de fonte do personalizador estão corrompidos!
Charles Ingalls
2
Eu queria adicionar minha resposta "eu também" e dizer que, depois de desperdiçar algumas horas de esforço e quase de raiva ao sair da minha carreira, encontrei essa resposta e agora tenho os glifos de trabalho novamente. Obrigado!!
Dohpaz42 # 24/15
2
Mal posso esperar para fazer parte de todas as pessoas que conseguiram, mas agora, apesar de ter tentado quase todas as soluções e respostas do Stack, ainda não consigo ver os ícones. Eu até tentei iniciar um aplicativo MVC 5 completamente novo e usando o Nuget para instalar o bootstrap versão mais recente 3.3.7, que instala todas as pastas corretamente e nada mostra um 404 na ferramenta de depuração do navegador ou qualquer coisa me dizendo que as fontes não estão carregadas e Posso dizer que o código para o período é perfeito, então, onde está o meu problema. Sinceramente, não sei. Eu testei todos os navegadores e nenhum mostra os ícones
Marc Roussel
235

Nota para os leitores: leia o comentário de @ user2261073 e a resposta de Jeff sobre um bug no personalizador. É provavelmente a causa do seu problema.


O arquivo da fonte não está sendo carregado corretamente. Verifique se os arquivos estão no local esperado.

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

Conforme indicado por Daniel, também pode ser um problema de tipo MIME. As ferramentas de desenvolvimento do Chrome mostram as fontes baixadas na guia rede:

chrome network tab font download

user247702
fonte
5
e que os tipos de mimet estão registrados corretamente.
Daniel A. White
4
... embora os arquivos devam estar no lugar quando eu baixei o arquivo bootstrap.zip, ainda verifiquei duas vezes e tudo está no lugar. Como faço para verificar o registro mimetypes (=?)
scooterlord
11
@ user2261073 o arquivo .eot não deve carregar, a menos que você esteja usando o Internet Explorer.
user247702
46
Parece que encontrei o problema. O personalizador de auto-inicialização parece estar enviando fontes de tamanhos diferentes daqueles que estão dentro de todo o pacote de auto-inicialização que acompanha os exemplos. Troquei os arquivos e tudo está funcionando bem agora. Provavelmente é um bug no personalizador do bootstrap? Quem sabe. Posso denunciar isso em algum lugar para que eles possam investigar?
scooterlord
2
@ user2261073 Você pode denunciá-lo no projeto GitHub. Já parece haver um relatório de erro ativo: github.com/twbs/bootstrap/issues/10008
user247702
78

No meu caso, eu estava recebendo um 404 para glyphicons-halflings-regular.woff e glyphicons não visíveis em navegadores móveis.

Parece que há alguma confusão sobre o tipo MIME para woff, mais de um tipo MIME sendo aceito por diferentes navegadores, mas o W3C diz :

application/font-woff

Editar: Após testar o seguinte tipo MIME para woff, funciona em todos os navegadores atualmente:

application/x-font-woff

Edit: A versão mais recente do Bootstrap neste momento (3.3.5) usa fontes .woff2 com o mesmo resultado inicial que .woff, o W3C ainda está definindo a especificação, mas no momento o tipo MIME parece ser:

application/font-woff2
D.Rosado
fonte
17
Isso me apontou na direção boa, mas ele também me deu outro aviso no Chrome ... O tipo MIME deve ser de fato: application/x-font-woffem seguida, Firefox e Chrome foram finalmente ambos feliz :)
ghiscoding
Obrigado, esse foi o verdadeiro problema para mim. Tudo estava funcionando bem localmente, mas, uma vez publicado no Azure, o tipo .woff foi o único com problemas.
Kevin Cloet
56

-Se você seguiu a resposta com a classificação mais alta e ainda não está funcionando :

A Fontpasta DEVE estar no mesmo nível da sua pasta CSS. Corrigir o caminho bootstrap.css não funcionará.

Bootstrap.cssprecisa navegar para a Fontspasta exatamente assim:

@font-face {
    font-family: 'Glyphicons Halflings';

    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
CrazyPaste
fonte
3
Eu acho que 70% do Glyphicon não funciona nesse caso, ótimas respostas, eu sempre coloco arquivos css do Bootstrap em css / bootstrap. Basta mover-los para css e tudo trabalho
Andiana
11
Bem, o caminho para mim parece exatamente como prescrito por você, mas ainda não funciona para mim. Nem o download do pacote de origem e a substituição dos arquivos de fonte. Devo acrescentar que alguns glyphicons carregam, enquanto outros não. Você pode ajudar?
Darth Coder
onde está a pasta da fonte que eu não tenho?
Swift
Além disso, a csspasta deve ser uma subpasta da pasta que contém seu arquivo HTML. Portanto, no mínimo, você deve ter 1) seu arquivo HTML, 2) um arquivo css em uma subpasta chamada csse 3) os arquivos de fonte em uma subpasta chamada fonts.
Kivi Shapiro
Isso não faz diferença ao carregar a partir da CDN; somente ao carregar localmente. Adicionando um link para //netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.cssresolvê-lo para mim.
James Wilkins
47

Se as outras soluções não estiverem funcionando, convém importar o Glyphicons de uma fonte externa, em vez de confiar no Bootstrap para fazer tudo por você. Para fazer isso:

Você pode fazer isso em HTML:

<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

Ou CSS:

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css")

Crédito para edsiofi a partir desta discussão: Bootstrap 3 Glyphicons CDN

Chris Tudor
fonte
23

Caso outra pessoa tenha terminado aqui e usando o Bootstrap> = v4.0: o suporte ao glyphicon foi descartado

A parte relevante das notas de versão:

A fonte do ícone Glyphicons caiu. Se você precisar de ícones, algumas opções são:

a versão upstream do Glyphicons

Octicons

Font Awesome

Fonte: https://v4-alpha.getbootstrap.com/migration/#components

Se você quiser usar glyphicons, precisará baixá-lo separadamente.

Eu pessoalmente tentei o Font Awesome e é muito bom. A adição de ícones é semelhante à maneira glypicon:

<i class="fas fa-chess"></i>
Caner
fonte
21

Eu estava examinando essa minha antiga pergunta e, como o que deveria ser a resposta correta até agora, foi dada por mim nos comentários, acho que também mereço o crédito por isso.

O problema estava no fato de que os arquivos de fonte glyphicon baixados da ferramenta de personalização do bootstrap não eram os mesmos que os baixados do redirecionamento encontrado na página inicial do bootstrap. Os que estão funcionando como deveriam são os que podem ser baixados no seguinte link:

http://getbootstrap.com/getting-started/#download

Qualquer pessoa que tenha problemas com arquivos antigos do personalizador incorreto deve substituir as fontes no link acima.

patinete
fonte
O problema do Customizer foi corrigido há muito tempo. Não é mais um problema no Bootstrap atual.
precisa saber é o seguinte
11
Hoje em dia, eles provavelmente estão funcionando em ícone questões localização da fonte em vez disso, mesmo que a forma como o ícone de caminhos de fonte de trabalho é documentado ...
cvrebert
há algumas coisas a serem analisadas para esse problema. - Verifique esses tipos mime no IIS para o seu site. Ele deve estar lá para um dos problemas acima ... - application/vnd.ms-fontobject- .eot - application/x-font-woff- .woff - application/x-font-ttf- .ttf - image/svg+xml- .svg
pedram
Meus glyphicons funcionam em todos os navegadores, exceto o IE. O IE os exibe na primeira carga - pressione F5 e depois não são mais exibidos. O DOM está correto, o css aplicado está correto. Não consigo encontrar uma solução. Ideias?
#
11
Posso marcar / desmarcar o CSS "content:" \ e080 "" que define o conteúdo para um caractere específico. Quando faço isso, o tamanho do vão muda fisicamente de algo para nada e volta. Então parece realmente um bug do IE - falhando em desenhar o personagem.
Skychan
18

Os sites do Azure estão ausentes na configuração MIME do woff . Você deve adicionar a seguinte entrada no web.config

<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension="woff" mimeType="application/font-woff" />
        </staticContent>
    </system.webServer>
</configuration> 
Anton Kalcik
fonte
woff, woff2 and ttfextensões?
Kiquenet
16

Como o @Stijn descreveu, o local padrão em Bootstrap.cssestá incorreto ao instalar este pacote Nuget.

Mude esta seção para ficar assim:

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('Content/fonts/glyphicons-halflings-regular.eot');
  src: url('Content/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded- opentype'), url('Content/fonts/glyphicons-halflings-regular.woff') format('woff'), url('Content/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('Content/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
dball
fonte
11
Se você estiver usando o LESS, basta substituí-lo no seu arquivo menor e alterar os URLs para corresponder aos caminhos relativos do seu arquivo CSS de geração ou raiz-los.
precisa
Isso não deve mais ser um problema com a versão mais recente do bootstrap. Atualizar!
dball
11

Você pode adicionar esta linha de código e pronto.

<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

Obrigado.

Y. Joy Ch. Singha
fonte
Faltam muitos dos ícones mais novos adicionados nas versões posteriores da v3.
James Wilkins
Resposta perfeita, para mim de qualquer maneira.
thonnor
8

O IIS não irá servidor de .woffarquivos por padrão, portanto, no IIS, você precisará adicionar uma <mimeMap>entrada ao seu web.configarquivo;

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
        </staticContent>
    </system.webServer>
</configuration>
Steve Cooper
fonte
Isso é muito melhor em vez de ter que se lembrar de configurar isso para cada máquina IIS. Menção agradável
Matty Bear
Você deve atualizar seu tipo de mimet para ser "application / font-woff", conforme os padrões atuais: stackoverflow.com/a/5142316/2267817
Sempre aprendendo
application / font-woff vs application / x-woff ?
Kiquenet
7

Você tem todos os arquivos abaixo no diretório de fontes

glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff
Vicky
fonte
Essa é a resposta correta. Uma pessoa pode encontrar a pasta correta para colocar esses arquivos, usando o link do Xenu: home.snafu.de/tilman/xenulink.html
Nav
2
Porém, existem pessoas que possuem todos esses arquivos na pasta de fontes, mas ainda estão recebendo esse erro se o mime type woff não estiver registrado no IIS.
Stack0verflow
diretório de fontes é necessário? Eu só tenho bootstrap.css e bootstrap.js
Kiquenet
7

Modifiquei meu arquivo less variables.less modifiquei a variável

@icon-font-path:          "fonts/";    

o original era

@icon-font-path:          "../fonts/"; 

Estava causando um problema

Cesar Hernandez
fonte
2
Para o bootstrap-sass 3.2.0.1, parece necessário $icon-font-path: "/assets/bootstrap/".
Joshua Muheim
Definitivamente, a maneira de trabalhar com o bootstrap e não contra ele.
the Hampster
6

Isso ocorre devido à codificação incorreta no bootstrap.css e bootstrap.min.css. Quando você baixa o Bootstrap 3.0 do Customizer, o seguinte código está ausente:

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

Como este é o código principal para usar Glyphicons, ele não funcionará ofc ...

Faça o download dos arquivos css do pacote completo e esse código será implementado.

prinsen
fonte
6

Esta foi a razão pela qual os ícones não apareceram para mim:

* {
    arial, sans-serif !important;
}

Depois de remover essa parte da minha CSS, tudo funcionou como deveria. O importante foi o que causou problemas.

Jo Smo
fonte
Obrigado! Depois de coçar a cabeça por mais de 4 horas e tentar várias coisas diferentes, lembrei-me de que adicionei uma fonte no "span" com importante. Removido e tudo está de volta ao normal ..
Ali Haider 21/05
5

Outro problema / solução pode estar com este código do Bootstrap 2.x:

<button class="btn" ng-click="open()"><i class="icon-calendar"></i></button>

e ao migrar com base no guia ( .icon-* ---> .glyphicon .glyphicon-*):

<button class="btn btn-default" ng-click="open()"><i class="glyphicon-calendar"></i></button>

você esquece de adicionar a classe icon (contendo a referência da fonte):

<button class="btn btn-default" ng-click="open()"><i class="glyphicon glyphicon-calendar"></i></button>
TWiStErRob
fonte
5

Abaixo está o que foi corrigido para mim. Eu estava recebendo o erro "URI ruim" usando o console do Firebug. Os ícones estavam aparecendo como números E ###. Eu tive que adicionar um arquivo .htaccess no meu diretório 'fontes'. <FilesMatch "\.(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch> Possível duplicata de: Fonte para download no firefox: URI incorreto ou acesso entre sites não permitido

Aaron
fonte
5

É uma filmagem muito longa, mas foi o meu caso e uma vez que ainda não está aqui.

Se você está compilando o Twitter Bootstrap do SASS usando gulp-sassou grunt-sassie. node-sass. Verifique se os módulos do nó estão atualizados, especialmente se você estiver trabalhando em um projeto bastante antigo.

Acontece que, há algum tempo, a diretiva SASS @at-rooté usada na definição dos @font-faceglifos, consulte https://github.com/twbs/bootstrap-sass/blob/b01ab4942233bd7316a0634472e1243b13fb9f46/assets/stylesheets/bootstrap/_glyphicons.scss .

A pegadinha aqui é que node-sassisto é. libsassnão suporta a @at-rootdiretiva se ela for muito antiga. Se for esse o caso, você será @font-faceenvolvido em uma situação em @at-rootque o navegador não tem idéia do que fazer. O resultado disso é que nenhuma fonte será baixada e você provavelmente verá lixo em vez de ícones.

Victor Häggqvist
fonte
4

Nota: abaixo é provavelmente um cenário de nicho, mas eu queria compartilhá-lo, caso outra pessoa possa achar útil.

Em um projeto rails, estamos reutilizando bastante através de uma gema que é um mecanismo Rails usando bootstrap-sass. Tudo estava bem no projeto principal, com exceção da resolução do caminho da fonte glyphicon.

GET http://0.0.0.0:3000/fonts/bootstrap/glyphicons-halflings-regular.woff 404 (Not Found) 

Descobrimos que $bootstrap-sass-asset-helpererafalse durante a resolução que esperávamos que fosse verdade, então o caminho era diferente.

Fazemos com que o $bootstrap-sass-asset-helperarquivo seja inicializado na gema do mecanismo, fazendo o seguinte:

// explicit sprockets import to get glyphicon font paths correct
@import 'bootstrap-sprockets';
@import "bootstrap/variables";

por exemplo, isso fez com que o caminho resolvesse:

/assets/bootstrap/glyphicons-halflings-regular.woff

Novamente, isso não deve ser necessário em nenhum projeto normal de rails bootstrap-sass, apenas reutilizamos muitas visualizações e isso funcionou para nós. Espero que isso possa ajudar alguém.

Kross
fonte
4

Aqui está o que a documentação oficial diz sobre fontes que não são renderizadas.

Alterando o local da fonte do ícone O Bootstrap assume que os arquivos de fonte do ícone estarão localizados no diretório ../fonts/, em relação aos arquivos CSS compilados. Mover ou renomear esses arquivos de fonte significa atualizar o CSS de uma de três maneiras: Altere as variáveis ​​@ icon-font-path e / ou @ icon-font-name nos arquivos de origem Less. Utilize a opção de URLs relativa fornecida pelo compilador Menos. Mude os caminhos url () no CSS compilado. Use qualquer opção que melhor se adapte à sua configuração de desenvolvimento específica.

Fora isso, você pode ter perdido a cópia da pasta de fontes no diretório raiz

portões
fonte
Eu perdi para copiar a pasta da fonte eu não sei onde está? Alguém pode me ajudar?
Swift
3

Eu tive esse problema e foi causado pelo arquivo variables.less. Substituí-lo para definir o valor de icon-font-path resolveu o problema.

O arquivo estruturado é assim:

\Content
        \Bootstrap
        \Fonts
 styles.less
 variables.less

Adicionar meu próprio arquivo variables.less na raiz do Content e referenciá-lo em styles.less resolveu o erro 404.

Variables.less contém:

@icon-font-path:          "fonts/";
Aaron
fonte
Isso me ajudou a perceber que eu delinei a variável do meu caminho ... aleatória, mas sim, obrigado!
Taylor A. Leach
3

Eu peguei o Bootstrap do NuGet. Quando publiquei meu site, os glifos não funcionaram.

No meu caso, consegui fazê-lo definindo a Ação de Compilação para cada um dos arquivos de fonte como 'Conteúdo' e defina-os como 'Copiar sempre'.

Eric
fonte
3

Eu tinha um código de largura da caixa \ e094 para glyphicon-arrow-down, na verdade eu resolvi o problema adicionando glyphicon na classe css assim:

<i class="glyphicon  glyphicon-arrow-down"></i>

se isso pudesse ajudar alguém ...

Pierre-Olivier Pignon
fonte
Cara este foi o meu problema também utilizando a CDN
Richard Barker
3

Verifique se você não está especificando demais a família de fontes, por exemplo

*{font-family: Verdana;}

removerá a fonte halflings dos elementos i.

S ..
fonte
3

Eu estava com o mesmo problema em que o navegador não conseguia encontrar os arquivos de fonte e meu problema ocorreu devido a exclusões no meu arquivo .htaccess que eram arquivos da lista de permissões que não deveriam ser enviados index.phppara processamento. Como o arquivo de fonte não pôde ser carregado, os caracteres foram substituídos por BLOB.

RewriteCond %{REQUEST_URI} !\.(jpg|png|gif|svg|css|js|ico|rss|xml|json)$
RewriteCond %{REQUEST_URI} !-d
RewriteRule ^ index.php [L,QSA]

Como você pode ver, arquivos como imagens, rss e xml são excluídos da reescrita, mas os arquivos de fonte são .woffe .woff2arquivos, portanto, eles também precisavam ser adicionados à lista de permissões.

RewriteCond %{REQUEST_URI} !\.(jpg|png|gif|svg|css|js|ico|rss|xml|json|woff|woff2)$
RewriteCond %{REQUEST_URI} !-d
RewriteRule ^ index.php [L,QSA]

Adicionar woffe woff2à lista de permissões permite que os arquivos de fonte sejam carregados, e os glyphicons devem ser exibidos corretamente.

worldofjr
fonte
2

Você deve definir por este pedido:

<link rel="stylesheet" href="path/bootstrap.min.css"> 
<style type="text/css"> 
     @font-face {   font-family: 'Glyphicons Halflings';   
     src: url('../fonts/glyphicons-halflings-regular.eot');   
     src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/glyphicons-halflings-regular.woff') format('woff'),  
     url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
     url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); } 
</style>
nenad
fonte
2

O que funcionou para mim foi substituir rotas de:

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

para

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('/assets/glyphicons-halflings-regular.eot');
  src: url('/assets/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
  url('/assets/fonts/glyphicons-halflings-regular.woff') format('woff'),
  url('/assets/glyphicons-halflings-regular.ttf') format('truetype'),
  url('/assets/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
Tabi Vicuna
fonte
2
@font-face {
     font-family: 'Glyphicons Halflings';
      src: url('../fonts/glyphicons-halflings-regular.eot');
      src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')         format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}

Estou usando o bootstrap com namespace e glyphicons não funcionando, mas depois de adicionar a linha acima no código glyphicons funcionando bem.

Ratan Paul
fonte
2

Acabei de renomear a fonte do bootstrap.css usando Ctrl + c, Ctrl + ve funcionou.

Lanlan82
fonte