11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je rencontre un problème étrange sur mes deux derniers sites avec des jeux d'icones issues d'une webfont (et générées par le site Flaticon.com)
Avec Firefox (le soucis n’apparaît pas sous chrome), parfois, lors du premier changement du site, la font n'est pas correctement chargée.
Un changement de page résous généralement le soucis mais ça n'en demeure pas moins anormal.

Pour illustrer mon propos, prenons l'exemple du site http://www.saint-hilaire-aude.fr

Avec un peu de (mal)chance, vous observerez le résultat sans la font chargée :

http://img.spheerys.fr/images/2016/06/22/pb-font-nok.png

Alors que le résultat attendu est celui-là :

http://img.spheerys.fr/images/2016/06/22/pb-font-ok.png

Alors bien sûr, avant de venir poster ici, j'ai fouillé un peu et j'ai trouvé l'astuce consistant à ajouter au .htaccess le code suivant :
<FilesMatch "\.(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

Sauf que c'est sans effet sur mes deux sites posant problème !

Du coup j'en appelle à votre claire voyance Smiley smile
Modifié par Spheerys (22 Jun 2016 - 22:28)
Loi de Murphy oblige, c'est juste après avoir posté que je pense avoir trouvé la solution (je n'ai pas réussi à reproduire le problème pour l'instant).

Je n'avais simplement pas activé le module header dans apache.
Un petit :
a2enmod headers

Suivit d'un :
service apache2 restart

Et le code du premier post semble enfin pris en compte (obviously vous me direz...)

J'espère que mon expérience servira à d'autre Smiley smile