Bootstrap 3 Glify nie działają

360

Pobrałem bootstrap 3.0 i nie mogę uruchomić glifikonów. Pojawia się błąd „E003”. Wszelkie pomysły, dlaczego tak się dzieje? Próbowałem zarówno lokalnie, jak i online i nadal mam ten sam problem.

hulajnoga
źródło
1
skąd bierze się błąd?
Daniel A. White,
1
Gdziekolwiek wstawiam ikony ... Oto błąd, który otrzymuję. Jedyne, co zrobiłem, to pobranie bootstrapu z konfiguratora strony i zastąpienie poprzednich plików (chociaż pliki czcionek miały różne nazwy). Teraz nie działają ... Próbowałem także kilku przeglądarek, Firefox, Chrome, tj. To samo ... i.imgur.com/2f474kX.jpg
scooterlord
2
Właśnie dziś pobrałem najnowszą wersję i glify nie pokazują się, jeśli używam zminimalizowanego pliku CSS. Jeśli użyję „normalnego” bootstrap.css, wszystko działa dobrze.
Antonio Sesto
1
Od 23 czerwca 2015 r. Dołącz najnowszą wersję v3.3.5 maxcdn. Nie masz błędów
1
Odkryłem, że używam glifikonów na białym tle i oczekuję, że się pojawią. Używając <i style = "color: black" class = "glyphicon glyphicon-new-window"> </i> naprawiłem to.
Vijay Vepakomma

Odpowiedzi:

478

Miałem ten sam problem i nie mogłem znaleźć żadnych informacji na ten temat, z wyjątkiem ukrytych komentarzy na tej stronie. Moje pliki czcionek ładowały się dobrze zgodnie z Chrome, ale ikony nie wyświetlały się poprawnie. Udzielam odpowiedzi, więc mam nadzieję, że pomoże innym.

Coś było nie tak z plikami czcionek pobranymi z narzędzia dostosowywania Bootstrap 3. Aby uzyskać prawidłowe czcionki, przejdź do strony głównej Bootstrap i pobierz pełny plik .zip. Wyodrębnij cztery pliki czcionek stamtąd do katalogu czcionek i wszystko powinno działać.

Jeff
źródło
Zaoszczędziłeś wiele godzin bólu. Przeszedłem już godzinę bólu, ale potem pomyślałem o tym, żeby tu spojrzeć.
Christina
6
działa zamiana plików czcionek na te zawarte w bootstrap-3.0.0 strony głównej getbootstrap.com. dzięki za wskazówkę!
Michał Kopec,
11
Poprawna odpowiedź! Pliki czcionek z modułu dostosowywania są uszkodzone!
Charles Ingalls
2
Chciałem dodać moją odpowiedź „ja też” i powiedzieć, że po marnowaniu kilku godzin wysiłku i prawie wściekłości porzucając karierę, znalazłem tę odpowiedź i teraz znów mam glifikony. Dziękuję Ci!!
dohpaz42
2
Nie mogę się doczekać, aby stać się częścią wszystkich ludzi, którym się udało, ale teraz, pomimo wypróbowania prawie każdego rozwiązania i odpowiedzi stosu, nadal nie widzę ikon. Próbowałem nawet uruchomić zupełnie nową aplikację MVC 5 i użyć Nuget do zainstalowania bootstrap najnowszej wersji 3.3.7, która poprawnie instaluje wszystkie foldery i nic nie pokazuje 404 w narzędziu do debugowania przeglądarki ani niczego, co mówi mi, że czcionki nie są ładowane i Mogę powiedzieć, że kod dla zakresu jest idealny, więc gdzie jest mój problem. Naprawdę nie wiem. Przetestowałem wszystkie przeglądarki i żadna nie pokazuje ikon
Marc Roussel
235

Uwaga dla czytelników: koniecznie przeczytaj komentarz @ user2261073 i odpowiedź Jeffa dotyczącą błędu w narzędziu dostosowywania. Prawdopodobnie jest to przyczyną twojego problemu.


Plik czcionki nie jest ładowany poprawnie. Sprawdź, czy pliki znajdują się w oczekiwanej lokalizacji.

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

Jak wskazał Daniel, może to być również problem typu mimetycznego. Narzędzia deweloperskie Chrome pokazują pobrane czcionki na karcie sieci:

chrome network tab font download

użytkownik247702
źródło
5
i że typy mimetyczne są poprawnie zarejestrowane.
Daniel A. White
4
... chociaż pliki powinny być na miejscu, gdy pobrałem plik bootstrap.zip, nadal sprawdziłem dwukrotnie i wszystko jest na swoim miejscu. Jak sprawdzić rejestrację
typów mimetycznych
1
@ user2261073 plik .eot nie powinien się ładować, chyba że używasz Internet Explorera.
user247702,
46
Wygląda na to, że znalazłem problem. Wygląda na to, że konfigurator bootstrap wysyła czcionki o różnych rozmiarach niż te, które znajdują się w całym pakiecie bootstrap dołączonym do przykładów. Wymieniłem pliki i wszystko działa teraz dobrze. Najprawdopodobniej jest to błąd w narzędziu do dostosowywania bootstrap? Kto wie. Czy mogę to gdzieś zgłosić, aby mogli się tym przyjrzeć?
scooterlord
2
@ user2261073 Możesz zgłosić to w projekcie GitHub. Wydaje się, że jest już aktywny raport o błędzie: github.com/twbs/bootstrap/issues/10008
user247702
78

W moim przypadku dostawałem 404 za glifiki-halflings-regular.woff i niewidoczne glify w przeglądarkach mobilnych.

Wygląda na to, że istnieje pewne zamieszanie dotyczące typu MIME dla woff, więcej niż jeden typ MIME jest akceptowany przez różne przeglądarki, ale W3C mówi :

application/font-woff

Edycja: po przetestowaniu następującego typu MIME dla woff działa obecnie we wszystkich przeglądarkach:

application/x-font-woff

Edycja: Najnowsza wersja Bootstrap w tej chwili (3.3.5) używa czcionek .woff2 z takim samym początkowym wynikiem jak .woff, W3C wciąż definiuje specyfikację, ale w tej chwili typ MIME wydaje się:

application/font-woff2
D.Rosado
źródło
17
To wskazało mi dobry kierunek, ale dało mi też inne ostrzeżenie w Chrome ... Typ MIME powinien być w rzeczywistości: application/x-font-woffwtedy Firefox i Chrome były w końcu zadowolone :)
ghiscoding
Dzięki, to był dla mnie prawdziwy problem. Wszystko działało lokalnie OK, ale po opublikowaniu na platformie Azure tylko typ .woff powodował problemy.
Kevin Cloet
56

- Jeśli zastosowałeś się do najwyżej ocenianej odpowiedzi, która nadal nie działa :

FontFolder musi być na tym samym poziomie, co w folderze CSS. Naprawienie ścieżki bootstrap.css nie będzie działać.

Bootstrap.cssmusi przejść do Fontsfolderu dokładnie tak:

@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
źródło
3
Myślę, że 70% Glyphicon nie działa w tym przypadku, świetne odpowiedzi, często umieszczam pliki css Bootstrap w css / bootstrap. Po prostu przenieś je do css i wszystko działa
Andiana
1
Cóż, ścieżka dla mnie wygląda DOKŁADNIE zgodnie z zaleceniami, ale nadal nie działa dla mnie. Nie pobiera się także pakietu źródłowego i nie zastępuje plików czcionek. Muszę dodać, że niektóre glify ładują się, a inne nie. Możesz pomóc?
Darth Coder,
gdzie jest folder czcionek, którego nie mam?
Szybki
Również cssfolder musi być podfolderem folderu zawierającego plik HTML. Co najmniej musisz mieć 1) plik HTML, 2) plik css w podfolderze o nazwie cssi 3) pliki czcionek w podfolderze o nazwie fonts.
Kivi Shapiro,
Nie robi to różnicy podczas ładowania z CDN; tylko podczas ładowania lokalnego. Dodanie linku //netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.cssrozwiązało go dla mnie.
James Wilkins
47

Jeśli inne rozwiązania nie działają, możesz spróbować zaimportować Glify z zewnętrznego źródła, zamiast polegać na Bootstrap, który zrobi wszystko za Ciebie. Aby to zrobić:

Możesz to zrobić w HTML:

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

Lub CSS:

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

Podziękowania dla edsiofi z tego wątku: Bootstrap 3 Glyphicons CDN

Chris Tudor
źródło
23

W przypadku, gdy ktoś inny skończył tutaj i używa Bootstrap> = v4.0: obsługa glifikonu jest odrzucana

Odpowiednia część z informacji o wersji:

Upuszczono czcionkę ikony Glyphicons. Jeśli potrzebujesz ikon, niektóre opcje to:

poprzednia wersja Glyphicons

Oktony

Czcionka Awesome

Źródło: https://v4-alpha.getbootstrap.com/migration/#components

Jeśli chcesz używać glifikonów, musisz pobrać go osobno.

Osobiście wypróbowałem Font Awesome i jest całkiem niezły. Dodawanie ikon jest podobne do glifikonu:

<i class="fas fa-chess"></i>
Caner
źródło
21

Przeglądałem moje stare pytanie i skoro w komentarzach udzieliłem odpowiedzi na to pytanie, to chyba zasługuję na uznanie.

Problem polegał na tym, że pliki czcionek glifikonów pobrane z narzędzia dostosowywania bootstrap nie były takie same, jak pliki pobrane z przekierowania znalezionego na stronie głównej bootstrap. Te, które działają tak, jak powinny, to te, które można pobrać z następującego linku:

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

Każdy, kto ma problemy ze starymi, złymi plikami dostosowywania, powinien zastąpić czcionki z powyższego łącza.

hulajnoga
źródło
Problem Customizer został naprawiony dawno temu. To nie jest już problem w obecnym Bootstrapie.
cvrebert,
1
W dzisiejszych czasach prawdopodobnie
napotykają na
są pewne rzeczy do sprawdzenia w przypadku tego problemu. - Sprawdź te typy MIME w IIS dla swojej witryny. Musi tam być jeden z powyższych problemów ... - application/vnd.ms-fontobject- .eot - application/x-font-woff- .woff - application/x-font-ttf- .ttf - image/svg+xml- .svg
pedram
Moje glify działają we wszystkich przeglądarkach oprócz IE. IE wyświetla je przy pierwszym załadowaniu - naciśnij F5, a następnie nie wyświetla. DOM jest poprawny, zastosowany css jest poprawny. Nie mogę znaleźć rozwiązania. Pomysły?
Skychan
1
Mogę zaznaczyć / odznaczyć CSS „content:” \ e080 ”, który ustawia treść na określony znak. Kiedy to robię, rozmiar przęsła zmienia się fizycznie z czegoś na nic iz powrotem. To naprawdę wygląda jak błąd IE - nie można narysować postaci.
Skychan
18

Witryny platformy Azure brakuje konfiguracji WIME MIME. Musisz dodać następujący wpis do pliku web.config

<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension="woff" mimeType="application/font-woff" />
        </staticContent>
    </system.webServer>
</configuration> 
Anton Kalcik
źródło
woff, woff2 and ttfrozszerzenia?
Kiquenet,
16

Jak opisano w @Stijn, domyślna lokalizacja w Bootstrap.cssjest nieprawidłowa podczas instalacji tego pakietu z Nuget.

Zmień tę sekcję, aby wyglądała następująco:

@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');
}
piłka do gry
źródło
1
Jeśli używasz MNIEJ, możesz po prostu zastąpić go w mniejszym pliku i zmienić adresy URL, aby dopasować ścieżki względne z pliku CSS gen lub zrootować je.
Chris Searles
Nie powinno to już stanowić problemu w najnowszej wersji bootstrap. Aktualizacja!
dball
11

Możesz dodać ten wiersz kodu i gotowe.

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

Dzięki.

Y. Joy Ch. Singha
źródło
Brakuje wielu nowych ikon dodanych w późniejszych wersjach v3.
James Wilkins,
W każdym razie idealna odpowiedź.
thonnor
8

Usługi IIS .woffdomyślnie nie serwerują plików, dlatego w usługach IIS musisz dodać <mimeMap>wpis do web.configpliku;

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
        </staticContent>
    </system.webServer>
</configuration>
Steve Cooper
źródło
To skaluje się o wiele lepiej, zamiast pamiętać, aby skonfigurować to dla każdej maszyny IIS. Dobra wzmianka
Matty Bear
Powinieneś zaktualizować swój typ mimetyczny do „application / font-woff” zgodnie z aktualnymi standardami: stackoverflow.com/a/5142316/2267817
Always Learning
application / font-woff vs. application / x-woff ?
Kiquenet,
7

Czy masz wszystkie poniższe pliki w katalogu czcionek?

glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff
Vicky
źródło
To jest poprawna odpowiedź. Osoba może znaleźć odpowiedni folder do umieszczenia tych plików, korzystając z linku do Xenu: home.snafu.de/tilman/xenulink.html
Nav
2
Ale są ludzie, którzy mają wszystkie te pliki w folderze czcionek, ale nadal występują ten błąd, jeśli typ moff woff nie jest zarejestrowany w IIS.
Stack0verflow
katalog czcionek jest wymagany? Mam tylko bootstrap.css i bootstrap.js
Kiquenet
7

Zmodyfikowałem swój plik mniej zmiennych. Bez. Zmodyfikowałem zmienną

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

oryginał był

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

To powodowało problem

Cesar Hernandez
źródło
2
Wydaje się, że jest potrzebny klejnot bootstrap-sass 3.2.0.1 $icon-font-path: "/assets/bootstrap/".
Joshua Muheim
Zdecydowanie sposób pracy z bootstrapem, a nie przeciwko niemu.
Hampster,
6

Wynika to z nieprawidłowego kodowania w bootstrap.css i bootstrap.min.css. Podczas pobierania Bootstrap 3.0 z Customizera brakuje następującego kodu:

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

Ponieważ jest to główny kod do używania Glyphicons, nie będzie on działać ...

Pobierz pliki css z pełnego pakietu, a ten kod zostanie zaimplementowany.

Prinsen
źródło
6

To był powód, dla którego ikony się nie pokazały:

* {
    arial, sans-serif !important;
}

Po usunięciu tej części CSSwszystko działało tak, jak powinno. Najważniejszy był ten, który powodował kłopoty.

Jo Smo
źródło
Dziękuję Ci! Po drapaniu głowy przez ponad 4 godziny i próbowaniu wielu różnych rzeczy przypomniałem sobie, że dodałem czcionkę na „rozpiętości” z ważnym. Usunąłem go i wszystko wróciło do normy.
Ali Haider
5

Innym problemem / rozwiązaniem może być kod Bootstrap 2.x:

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

a podczas migracji na podstawie guide ( .icon-* ---> .glyphicon .glyphicon-*):

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

zapomniałeś dodać klasę ikon (zawierającą odniesienie do czcionki):

<button class="btn btn-default" ng-click="open()"><i class="glyphicon glyphicon-calendar"></i></button>
TWiStErRob
źródło
5

Poniżej znajduje się to, co mnie naprawiło. Podczas korzystania z konsoli Firebug pojawiał się błąd „zły URI”. Ikony były wyświetlane jako liczby E ###. Musiałem dodać plik .htaccess do mojego katalogu „fonts”. <FilesMatch "\.(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch> Możliwe duplikaty: czcionki do pobrania na Firefox: zły identyfikator URI lub dostęp do wielu witryn jest niedozwolony

Aaron
źródło
5

To bardzo długa sesja zdjęciowa, ale tak było w moim przypadku i skoro jej tu jeszcze nie ma.

Jeśli kompilujesz Twitter Bootstrap z SASS za pomocą gulp-sasslub grunt-sassnp. node-sass. Upewnij się, że moduły węzłów są aktualne, szczególnie jeśli pracujesz nad dość starym projektem.

Okazuje się, że od pewnego czasu @at-rootw definicji @font-faceglifikonów używana jest dyrektywa SASS , patrz https://github.com/twbs/bootstrap-sass/blob/b01ab4942233bd7316a0634472e1243b13fb9f46/assets/stylesheets/bootstrap.scsglyphicons. .

Gotcha tutaj jest to, że node-sass. libsassnie popierają @at-rootdyrektywy, jeśli jest ona zbyt stara. W takim przypadku otrzymasz @font-faceopakowanie, w @at-rootktórym przeglądarka nie ma pojęcia, co z tym zrobić. W wyniku tego żadna czcionka nie zostanie pobrana, a zamiast ikon prawdopodobnie zobaczysz śmieci.

Victor Häggqvist
źródło
4

Uwaga: poniżej jest prawdopodobnie scenariusz niszowy, ale chciałem go udostępnić na wypadek, gdyby ktoś inny uznał go za przydatny.

W projekcie Rails dość często wykorzystujemy klejnot, który wykorzystuje silnik Rails bootstrap-sass. Wszystko było dobrze w głównym projekcie, z wyjątkiem rozdzielczości ścieżki czcionki glifikonu.

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

Odkryliśmy, że $bootstrap-sass-asset-helperbyło to w falsetrakcie rozwiązywania, kiedy spodziewaliśmy się, że to prawda, więc ścieżka była inna.

Zainicjowaliśmy $bootstrap-sass-asset-helperinicjalizację w klejnocie silnika, wykonując:

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

np. spowodowało to przejście ścieżki do:

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

Ponownie, nie powinno to być konieczne w żadnym normalnym projekcie z użyciem szyn bootstrap-sass, po prostu akurat używamy wielu widoków i to nam się udało. Mam nadzieję, że może to pomóc komuś innemu.

kross
źródło
4

Oto, co mówi oficjalna dokumentacja dotycząca nierenderowania czcionek.

Zmiana położenia czcionki ikony Bootstrap zakłada, że ​​pliki czcionek ikony będą znajdować się w katalogu ../fonts/, względem skompilowanych plików CSS. Przeniesienie lub zmiana nazwy tych plików czcionek oznacza aktualizację CSS na jeden z trzech sposobów: Zmień zmienne @ icon-font-path i / lub @ icon-font-name w źródle Mniej plików. Wykorzystaj opcję względnych adresów URL dostarczoną przez kompilator Less. Zmień ścieżki url () w skompilowanym CSS. Użyj dowolnej opcji, która najlepiej odpowiada konkretnej konfiguracji programistycznej.

Poza tym przyczyną może być pominięcie kopiowania folderu czcionek do katalogu głównego

bramy
źródło
Nie udało mi się skopiować folderu czcionek. Nie wiem, gdzie to jest? Czy ktoś może mi pomóc?
Szybki
3

Miałem ten problem i był on spowodowany plikiem zmiennych.less. Przesłonięcie go w celu ustawienia wartości ikony-czcionki-ścieżki rozwiązało problem.

Struktura pliku wygląda następująco:

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

Dodanie własnego pliku zmiennych.less w katalogu głównym zawartości i odwołanie się do niego w styles.less rozwiązało błąd 404.

Variables.less zawiera:

@icon-font-path:          "fonts/";
Aaron
źródło
To pomogło mi zrozumieć, że nukowałem moją zmienną ścieżki ... losową, ale tak, dziękuję!
Taylor A. Leach
3

Mam Bootstrap od NuGet. Kiedy opublikowałem moją stronę, glify nie działały.

W moim przypadku uruchomiłem go, ustawiając akcję kompilacji dla każdego pliku czcionek na „Treść” i ustawiam na „Zawsze kopiuj”.

Eric
źródło
3

Miałem kod szerokości pola \ e094 dla strzałki glifikowanej w dół, w rzeczywistości rozwiązałem problem z dodawaniem glifikonu w klasie css w ten sposób:

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

gdyby to mogło komuś pomóc ...

Pierre-Olivier Pignon
źródło
Stary, to był też mój problem z użyciem CDN
Richard Barker
3

Na przykład upewnij się, że nie przesadziłeś z określeniem rodziny czcionek

*{font-family: Verdana;}

usunie czcionkę halflings z elementów i.

S ..
źródło
3

Miałem ten sam problem, w którym przeglądarka nie mogła znaleźć plików czcionek, a mój problem był spowodowany wykluczeniami z mojego pliku .htaccess, który był plikami z białej listy, do których nie należy wysyłać do index.phpprzetworzenia. Ponieważ nie można załadować pliku czcionki, znaki zostały zastąpione BLOBEM.

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

Jak widać, pliki takie jak obrazy, rss i xml są wykluczone z przepisywania, ale pliki czcionek to pliki .woffi .woff2pliki, więc one również wymagały dodania do białej listy.

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

Dodanie woffi woff2do białej listy umożliwia załadowanie plików czcionek, a następnie glify powinny być wyświetlane poprawnie.

worldofjr
źródło
2

Musisz ustawić według tego zamówienia:

<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
źródło
2

Dla mnie zadziałało zastąpienie tras z:

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

do

@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
źródło
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');}

Korzystam z bootstrap z niedziałającą przestrzenią nazw i glifikonów, ale po dodaniu powyższej linii w kodzie glifikony działają poprawnie.

Ratan Paul
źródło
2

Właśnie zmieniłem nazwę czcionki z bootstrap.css, używając Ctrl + c, Ctrl + v i działało.

Lanlan82
źródło