Bootstrap 3 Glyphicons non funziona


360

Ho scaricato bootstrap 3.0 e non riesco a far funzionare i glyphicons. Ottengo una sorta di errore "E003". Qualche idea sul perché questo stia accadendo? Ho provato sia localmente che online e ho ancora lo stesso problema.


1
dove stai ricevendo l'errore?
Daniel A. White,

1
Ovunque inserisco le icone ... Ecco l'errore che ottengo. L'unica cosa che ho fatto è stato scaricare bootstrap dallo strumento di personalizzazione del sito e sostituire i file precedenti (i file dei caratteri avevano nomi diversi). Ora non funzionano ... Hanno anche provato diversi browser, Firefox, Chrome, ovvero la stessa cosa ... i.imgur.com/2f474kX.jpg
scooterlord

2
Ho appena scaricato l'ultima versione oggi e i glifi non mostrano se uso il file CSS minimizzato. Se uso il bootstrap.css "normale" tutto funziona bene.
Antonio Sesto,

1
A partire dal 23 giugno 2015, includi l'ultima versione v3.3.5 maxcdn senza errori

1
Ho scoperto che stavo usando i glifi su uno sfondo bianco e mi aspettavo che si presentassero. Utilizzando <i style = "color: black" class = "glyphicon glyphicon-new-window"> </i> risolto.
Vijay Vepakomma,

Risposte:


478

Stavo riscontrando lo stesso problema e non sono riuscito a trovare alcuna informazione a riguardo tranne nei commenti nascosti in questa pagina. I miei file di font si stavano caricando bene secondo Chrome, ma le icone non venivano visualizzate correttamente. Sto facendo di questo una risposta in modo che possa aiutare gli altri.

Qualcosa non andava nei file dei caratteri che ho scaricato dallo strumento di personalizzazione di Bootstrap 3. Per ottenere i caratteri corretti, vai alla homepage di Bootstrap e scarica il file .zip completo. Estrai i quattro file dei caratteri da lì nella tua directory dei caratteri e tutto dovrebbe funzionare.


Hai risparmiato molte ore di dolore. Avevo già sofferto un'ora di dolore, ma poi ho pensato di guardare qui.
Christina,

6
lo scambio dei file dei caratteri con quelli inclusi in bootstrap-3.0.0 della home page getbootstrap.com funziona. grazie per il consiglio!
Michal Kopec,

11
Risposta corretta! I file dei caratteri dal personalizzatore sono danneggiati!
Charles Ingalls,

2
Volevo aggiungere la mia risposta "anche io" e dire che dopo aver sprecato un paio d'ore di sforzi e aver quasi perso la rabbia la mia carriera, ho trovato questa risposta e ora ho di nuovo dei glifidi funzionanti. Grazie!!
dohpaz42,

2
Non vedo l'ora di far parte di tutte le persone che ci sono riuscite, ma in questo momento nonostante abbia provato quasi ogni singola soluzione e risposta dello Stack, non riesco ancora a vedere le icone. Ho anche provato ad avviare un'app MVC 5 completamente nuova e usando Nuget per installare l'ultima versione 3.3.7 di bootstrap che installa correttamente tutte le cartelle e nulla mostra un 404 nello strumento di debug del browser o qualcosa che mi dica che i caratteri non sono caricati e Posso dirti che il codice per lo span è perfetto, quindi dov'è il mio problema. Onestamente non lo so. Ho testato tutti i browser e nessuno mostra le icone
Marc Roussel, l'

235

Nota per i lettori: assicurarsi di leggere il commento di @ user2261073 e la risposta di @ Jeff in merito a un bug nel personalizzatore. È probabilmente la causa del tuo problema.


Il file del carattere non viene caricato correttamente. Controlla se i file si trovano nella posizione prevista.

@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');
}

Come indicato da Daniel, potrebbe anche essere un problema di mimetype. Gli strumenti di sviluppo di Chrome mostrano i caratteri scaricati nella scheda di rete:

download del font della scheda di rete Chrome


5
e che i mimetipi siano registrati correttamente.
Daniel A. White,

4
... anche se i file dovrebbero essere a posto quando ho scaricato il file bootstrap.zip, ho ancora ricontrollato e tutto è a posto. Come posso controllare la registrazione dei mimetipi (=?)
scooterlord

1
@utente2261073 il file .eot non deve essere caricato, a meno che non si utilizzi Internet Explorer.
user247702

46
Sembra che ho trovato il problema. Il personalizzatore bootstrap sembra inviare caratteri di dimensioni diverse rispetto a quelli presenti nell'intero pacchetto bootstrap fornito con gli esempi. Ho sostituito i file e ora funziona tutto bene. È molto probabilmente un bug nel customizer di bootstrap? Chissà. Posso segnalarlo da qualche parte in modo che possano esaminarlo?
scooterlord,

2
@ user2261073 Puoi segnalarlo sul progetto GitHub. Sembra che ci sia già una segnalazione di bug attiva: github.com/twbs/bootstrap/issues/10008
user247702

78

Nel mio caso stavo ottenendo un 404 per glyphicons-halflings-regular.woff , e glyphicons non visibili sui browser mobili.

Sembra che ci sia un po 'di confusione sul tipo MIME per woff, più di un tipo MIME è accettato da diversi browser, ma il W3C dice :

application/font-woff

Modifica: dopo aver testato il seguente tipo MIME per woff funziona su tutti i browser attualmente:

application/x-font-woff

Modifica: l'ultima versione di Bootstrap in questo momento (3.3.5) utilizza i caratteri .woff2 con lo stesso risultato iniziale di .woff, il W3C definisce ancora le specifiche ma al momento il tipo MIME sembra essere:

application/font-woff2

17
Questo mi ha indicato la buona direzione, ma mi ha anche dato un altro avvertimento in Chrome ... Il tipo MIME dovrebbe essere in effetti: application/x-font-woffquindi Firefox e Chrome erano finalmente entrambi felici :)
Ghiscoding

Grazie, quello era il vero problema per me. Tutto funzionava correttamente localmente ma una volta pubblicato in Azure il tipo .woff era l'unico a dare problemi.
Kevin Cloet,

56

-Se hai seguito la risposta più votata e continua a non funzionare :

La Fontcartella DEVE essere allo stesso livello della cartella CSS. Correggere il percorso bootstrap.css non funzionerà.

Bootstrap.cssdeve navigare nella Fontscartella esattamente come questa:

@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');
}

3
Penso che il 70% di Glyphicon non funzioni in questo caso, grandi risposte, spesso metto i file css Bootstrap in css / bootstrap. Basta spostarli su css e tutto funziona
Andiana,

1
Beh, il percorso per me sembra ESATTAMENTE come prescritto da te, ma non funziona ancora per me. Né scaricare il pacchetto sorgente e sostituire i file dei caratteri. Devo aggiungere che alcuni glifi si caricano mentre altri no. Puoi aiutare?
Darth Coder,

dov'è la cartella dei caratteri che non ho?
Swift il

Inoltre, la csscartella deve essere una sottocartella della cartella contenente il file HTML. Quindi, come minimo, devi avere 1) il tuo file HTML, 2) un file css in una sottocartella chiamato csse 3) i file dei caratteri in una sottocartella chiamata fonts.
Kivi Shapiro,

Questo non fa differenza quando si carica da CDN; solo quando si carica localmente. Aggiungendo un link per //netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.cssrisolverlo per me.
James Wilkins,

48

Se le altre soluzioni non funzionano, potresti provare a importare Glyphicons da una fonte esterna, piuttosto che fare affidamento su Bootstrap per fare tutto per te. Per farlo:

Puoi farlo in HTML:

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

O CSS:

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

Ringraziamo edsiofi da questa discussione: Bootstrap 3 Glyphicons CDN


23

Nel caso in cui qualcun altro finisse qui e usando Bootstrap> = v4.0: il supporto glyphicon viene eliminato

La parte pertinente dalle note di rilascio:

Rilasciato il carattere icona Glyphicons. Se hai bisogno di icone, alcune opzioni sono:

la versione a monte di Glyphicons

Octicons

Carattere fantastico

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

Se si desidera utilizzare i glifi, è necessario scaricarli separatamente.

Personalmente ho provato Font Awesome ed è abbastanza buono. L'aggiunta di icone è simile al modo glypicon:

<i class="fas fa-chess"></i>

21

Stavo esaminando questa mia vecchia domanda e dato che quella che doveva essere la risposta corretta fino ad ora, mi è stata data nei commenti, penso di meritarmene anche il merito.

Il problema risiedeva nel fatto che i file dei caratteri glyphicon scaricati dallo strumento di personalizzazione di bootstrap non erano gli stessi di quelli scaricati dal reindirizzamento trovato nella homepage di bootstrap. Quelli che funzionano come dovrebbero sono quelli che possono essere scaricati dal seguente link:

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

Chiunque abbia problemi con vecchi file di personalizzazione non validi dovrebbe sovrascrivere i caratteri dal link sopra.


Il problema Customizer è stato risolto molto tempo fa. Non è più un problema nell'attuale Bootstrap.
cvrebert,

1
Al giorno d'oggi, probabilmente si stanno
imbattendo in

ci sono alcune cose da verificare per questo problema. - Controlla questo tipo di mime in IIS per il tuo sito .. Deve essere lì per uno dei problemi di cui sopra ... - application/vnd.ms-fontobject- .eot - application/x-font-woff- .woff - application/x-font-ttf- .ttf - image/svg+xml- .svg
pedram

I miei glyphicons funzionano in tutti i browser tranne IE. IE li visualizza al primo caricamento: premi F5 e poi non viene più visualizzato. Il DOM è corretto, il CSS applicato è corretto. Non riesco a trovare una soluzione. Idee?
Skychan,

1
Posso selezionare / deselezionare il "contenuto:" \ e080 "" CSS che imposta il contenuto su un determinato carattere. Quando lo faccio, la dimensione della campata cambia fisicamente da qualcosa a nulla e viceversa. Quindi sembra davvero un bug di IE - non riuscire a disegnare il personaggio.
Skychan,

18

I siti Web di Azure mancano della configurazione MIME di woff . È necessario aggiungere la seguente voce in web.config

<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension="woff" mimeType="application/font-woff" />
        </staticContent>
    </system.webServer>
</configuration> 

woff, woff2 and ttfestensioni?
Kiquenet,

16

Come descritto da @Stijn, il percorso predefinito in Bootstrap.cssnon è corretto quando si installa questo pacchetto da Nuget.

Cambia questa sezione in questo modo:

@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');
}

1
Se stai usando LESS puoi semplicemente sovrascriverlo nel tuo file meno e cambiare gli URL in modo che corrispondano ai percorsi relativi dal tuo file CSS generato o eseguirne il root.
Chris Searles,

Questo non dovrebbe più essere un problema con l'ultima versione di bootstrap. Aggiornare!
dball

11

È possibile aggiungere questa riga di codice e il gioco è fatto.

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

Grazie.


Questo manca molte delle icone più recenti aggiunte nelle versioni successive di v3.
James Wilkins,

Risposta perfetta, comunque per me.
thonnor,

8

IIS non server i .wofffile per impostazione predefinita, quindi in IIS dovrai aggiungere una <mimeMap>voce al tuo web.configfile;

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
        </staticContent>
    </system.webServer>
</configuration>

Questo ridimensiona molto meglio invece di dover ricordare di configurarlo per ogni macchina IIS. Bella menzione
Matty Bear il

Dovresti aggiornare il tuo mimetype in "application / font-woff" secondo gli standard attuali: stackoverflow.com/a/5142316/2267817
Imparando sempre il

application / font-woff vs application / x-woff ?
Kiquenet,

7

Hai tutti i file sottostanti nella directory dei caratteri

glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff

Questa è la risposta corretta Una persona può trovare la cartella giusta per posizionare questi file, usando il link sleuth di Xenu: home.snafu.de/tilman/xenulink.html
Nav

2
Ma ci sono persone che hanno tutti questi file nella cartella fonts ma continuano a ricevere questo errore se il tipo mime woff non è registrato con IIS.
Stack0verflow,

è richiesta la directory dei caratteri? Ho solo bootstrap.css e bootstrap.js
Kiquenet,

7

Ho modificato il mio file less limits.less Ho modificato la variabile

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

l'originale era

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

Stava causando un problema


2
Sembra che per bootstrap-sass 3.2.0.1 gem $icon-font-path: "/assets/bootstrap/".
Joshua Muheim

Sicuramente il modo di lavorare con bootstrap e non contro di esso.
L'Hampster il

6

Ciò è dovuto a una codifica errata in bootstrap.css e bootstrap.min.css. Quando si scarica Bootstrap 3.0 dal Customizer manca il seguente codice:

@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');
}

Poiché questo è il codice principale per l'utilizzo di Glyphicons, non funzionerà spesso ...

Scarica i file css dal pacchetto completo e questo codice verrà implementato.


6

Questo è stato il motivo per cui le icone non sono apparse per me:

* {
    arial, sans-serif !important;
}

Dopo aver rimosso questa parte del mio CSS, tutto ha funzionato come dovrebbe. L'importante era quello che causava problemi.


Grazie! Dopo aver grattato la testa per oltre 4 ore e aver provato numerose cose diverse, mi sono ricordato che ho aggiunto un carattere "span" con importante. Rimosso e tutto è tornato alla normalità ..
Ali Haider,

5

Un altro problema / soluzione potrebbe avere questo codice Bootstrap 2.x:

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

e durante la migrazione in base alla guida ( .icon-* ---> .glyphicon .glyphicon-*):

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

dimentichi di aggiungere la classe icon (contenente il riferimento al carattere):

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

5

Di seguito è ciò che l'ha risolto per me. Stavo ottenendo l'errore "bad URI" utilizzando nella console di Firebug. Le icone venivano visualizzate come numeri E ###. Ho dovuto aggiungere un file .htaccess nella mia directory 'fonts'. <FilesMatch "\.(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch> Possibile duplicato di: Carattere scaricabile su firefox: URI errato o accesso cross-site non consentito


5

Questo è davvero un tiro lungo, ma è stato il mio caso e dal momento che non è già qui.

Se stai compilando Twitter Bootstrap da SASS usando gulp-sasso grunt-sassie.node-sass. Assicurati che i moduli del nodo siano aggiornati, soprattutto se stai lavorando a un progetto piuttosto vecchio.

Si scopre che da qualche tempo la direttiva SASS @at-rootviene utilizzata nella definizione di @font-facein glyphicons, vedere https://github.com/twbs/bootstrap-sass/blob/b01ab4942233bd7316a0634472e1243b13fb9f46/assets/stylesheets/bootstrap/_glyphicons.scss .

Il gotcha qui è che node-sasscioè. libsassnon supportano la @at-rootdirettiva se è troppo vecchia. Se questo è il caso, otterrai un messaggio @font-facein @at-rootcui il browser non ha idea di cosa fare. Il risultato di ciò è che nessun font verrà scaricato e probabilmente vedrai immondizia anziché icone.


4

Nota: di seguito è probabilmente uno scenario di nicchia, ma volevo condividerlo nel caso in cui qualcun altro lo trovasse utile.

In un progetto Rails, stiamo riutilizzando un po 'attraverso una gemma che utilizza un motore Rails bootstrap-sass. Tutto andava bene nel progetto principale, ad eccezione della risoluzione del percorso dei caratteri glyphicon.

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

Abbiamo scoperto che lo $bootstrap-sass-asset-helpererafalse durante la risoluzione quando ci aspettavamo che fosse vero, quindi il percorso era diverso.

Abbiamo causato l' $bootstrap-sass-asset-helperinizializzazione della gemma del motore facendo:

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

ad esempio questo ha causato la risoluzione del percorso per:

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

Ancora una volta, questo non dovrebbe essere necessario in nessun normale progetto di binari che utilizza bootstrap-sass, ci capita di riutilizzare molte viste e questo ha funzionato per noi. Spero che questo possa aiutare qualcun altro.


4

Ecco cosa dice la documentazione ufficiale riguardo ai caratteri che non vengono visualizzati.

Modifica della posizione del carattere dell'icona Bootstrap presuppone che i file dei caratteri dell'icona si trovino nella directory ../fonts/, relativamente ai file CSS compilati. Spostare o rinominare questi file di font significa aggiornare il CSS in uno dei tre modi seguenti: modificare le variabili @ icon-font-path e / o @ icon-font-name nel file Less di origine. Utilizzare l'opzione URL relativi fornita dal compilatore Less. Modifica i percorsi url () nel CSS compilato. Utilizzare qualsiasi opzione più adatta alla propria specifica configurazione di sviluppo.

A parte questo, è possibile che tu abbia perso la copia della cartella dei caratteri nella directory principale


Ho perso la copia della cartella dei caratteri, non so dove sia? Qualcuno può aiutarmi?
Swift,

3

Ho avuto questo problema ed è stato causato dal file variabili.less. Sovrascriverlo per impostare il valore icon-font-path ha risolto il problema.

Il file strutturato è simile al seguente:

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

L'aggiunta del mio file variabili.less nella radice del contenuto e il riferimento a questo in styles.less hanno risolto l'errore 404.

Variables.less contiene:

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

Questo mi ha aiutato a capire che ho modificato la mia variabile del percorso ... in modo casuale ma sì grazie!
Taylor A. Leach,

3

Ho ottenuto Bootstrap da NuGet. Quando ho pubblicato il mio sito i glifi non hanno funzionato.

Nel mio caso l'ho fatto funzionare impostando l'azione di costruzione per ciascuno dei file dei caratteri su "Contenuto" e impostandoli su "Copia sempre".


3

avevo un codice di larghezza della scatola \ e094 per glyphicon-freccia in giù, infatti ho risolto il problema aggiungendo glyphicon nella classe css in questo modo:

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

se potesse aiutare qualcuno ...


Amico, questo è stato anche il mio problema usando il CDN
Richard Barker, il

3

Assicurati di non specificare troppo la famiglia di caratteri, ad esempio

*{font-family: Verdana;}

rimuoverà il font halfling dagli elementi i.


3

Stavo riscontrando lo stesso problema in cui il browser non era in grado di trovare i file dei caratteri e il mio problema era dovuto alle esclusioni nel mio file .htaccess che era nella whitelist dei file che non dovevano essere inviati index.phpper l'elaborazione. Poiché non è stato possibile caricare il file del carattere, i caratteri sono stati sostituiti con BLOB.

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

Come puoi vedere, i file come immagini, rss e xml sono esclusi dalla riscrittura, ma i file dei font sono .woffe i .woff2file, quindi anche questi devono essere aggiunti alla whitelist.

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

L'aggiunta woffe woff2alla whitelist consente di caricare i file dei caratteri, quindi i glifi dovrebbero essere visualizzati correttamente.


2

È necessario impostare in base a questo ordine:

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

2

Ciò che ha funzionato per me è stato la sostituzione di percorsi da:

@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');
}

per

@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');
}


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');}

Sto usando bootstrap con spazio dei nomi e glifi non funzionanti ma dopo aver aggiunto la riga sopra nel codice glifi che funzionano bene.


2

Ho appena rinominato il font da bootstrap.css usando Ctrl + c, Ctrl + v e ha funzionato.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.