Firefox nie renderuje FontAwesome - css, twitter-bootstrap, firefox, font-awesome

z jakiegoś dziwnego powodu Firefox nie renderuje poprawnie FontAwesome. Działa w Chrome i Safari, ale nie w Firefoksie.

Font Awesome został dodany przez Bower i dlatego został załadowany lokalnie. Nic przez CDN.

<link rel="stylesheet" href="/bower_components/font-awesome/css/font-awesome.css" type="text/css">

Tak to wygląda w Firefoksie (źle):

Tak to wygląda w Chrome i Safari (poprawne):

Rzeczy, których próbowałem:

• Próbowałem załadować go przez CDN i dodać „Access-Control-Allow-Origin” do .htaccess
• Przeniesiono czcionki do tego samego katalogu (aby sprawdzić, czy była to ścieżka względna) problem)

Do tej pory nic nie działało.

/// EDYTOWAĆ

Tak jest pokazane w Inspektorze

Odpowiedzi:

Naprawiłem problem. Miałem wrażenie, że nie ma znaczenia, w której pozycji załadowałbym plik css Font Awesome, był to jeden z pierwszych plików css załadowanych w nagłówku, przeniosłem go do ostatniej pozycji i teraz działa dobrze.

Nie mogłem dowiedzieć się, dlaczego dokładnie to rozwiązujeproblem w Firefoksie, ale zrobił to. To, co wciąż uważam za niezwykle dziwne, to to, że ma znaczenie kolejność ładowania css do Firefoksa, ale nie w Chrome i Safari.

Może ktoś inny wie o tym więcej.