icônes impressionnantes de police ne s'affiche pas toujours dans la dernière version de Google Chrome 32.0.1700.76 m

Je suis en utilisant les dernières versions de Google Chrome. Dès qu'il est sorti j'ai remarqué que certains le font-awesome icônes de ne pas afficher correctement. Au lieu de cela je viens de voir une boîte carrée. Cela ne change pas même après que la page a été chargée et je l'attends d'une minute. Quand je passe ensuite les icônes apparaissent.

Ce qui peut être vu en allant à l'URL suivante:

http://fontawesome.io/icons/

Est ce que quelqu'un d'autre s'en rendre compte. Je suppose que c'effets tout le monde qui a le nouveau navigateur. Note qu'un jour il fonctionne et vous les présente tous, le lendemain, il y a quelques icônes je ne vois pas. C'est peut-être un problème de timing. J'ai une assez lent, connexion.

source d'informationauteur Melina

  1. 4

    Il semble que le problème porte sur certaines extensions de chrome. Dans mon cas, j'ai désactivé Adblock Plus et toutes les icônes sont présentés aujourd'hui.

  2. 2

    Ce qui semble être un bug à l'aide de Chrome dans une machine Windows.
    Réorganiser les formats de polices dans votre @font-face, de sorte que WOFF est placé avant le TTF et le SVG.

    SVG polices rendre mieux dans les navigateurs qui le supportent. Par conséquent, vous devez les mettre en premier par défaut.

  3. 0

    J'ai vu des icônes dans certains navigateurs et des machines, mais pas sur d'autres. Après avoir essayé de déplacer balisage autour de, en veillant à fa fa-* classes étaient sur chaque i tag et confirmant html5shiv.js a été inclus à la fin de la DOM, j'ai simplement changé le CSS à utiliser le CDN et cela a fonctionné. Cette mise à niveau-moi à partir de la version 4.1 à 4.2.

    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">

  4. 0

    Pour les icônes, vous pouvez ajouter le code suivant sous .fichier htaccess ou index.php fichier.

    <FilesMatch ".(ttf|otf|woff)$">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>
  5. -2

    place !important

    [class^="fi-"], [class*=" fi-"] {
    font-style: normal;
    font-family: foundation-icons !important;
    -webkit-font-smoothing: antialiased;
}