/ / Firefox nevykreslí FontAwesome - css, twitter-bootstrap, firefox, font-awesome

Firefox nevytvára FontAwesome - css, twitter-bootstrap, firefox, font-awesome

Pre nejaký zvláštny dôvod, prečo Firefox nemá "vykresliť FontAwesome správne. Funguje to v prehliadači Chrome av prehliadači Safari, nie vo Firefoxe."

Písmo Awesome bolo pridané cez Bower a teda načítané lokálne. Nič prostredníctvom CDN.

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

Takto vyzerá v prehliadači Firefox (nesprávne):

Firefox

Takto to vyzerá v prehliadači Chrome & Safari (správne):

tu zadajte popis obrázku

Čo som skúšal:

  • Snažil sa načítať cez CDN a pridal "Access-Control-Allow-Origin" do .htaccess
  • Presunuté fonty do rovnakého adresára (ak chcete zistiť, či ide o relatívnu cestu problémom)

Doteraz nič nefungovalo.

/// EDIT

Takto je to znázornené v inšpektorovi tu zadajte popis obrázku

odpovede:

3 pre odpoveď č. 1

Opravil som problém. Bol som pod dojmom, že by to nezáležalo na tom, na ktorej pozícii by som načítala súbor typu Awesome css. Bol to jeden z prvých css súborov načítaných v hlavičke. Presunul som ho na poslednú pozíciu a teraz to funguje.

Nemohol som zistiť, prečo presne to opravujeproblém v firefox, ale to trik. To, čo stále považujem za veľmi zvláštne, je, že záleží na poradí, v akom je css naložený vo Firefoxe, ale nie v chrome a safari.

Možno o tom vie niekto iný.