Police Impressionnant icônes ne fonctionne pas sous OSX Safari

Mon font-awesome icônes fonctionnent très bien sous Firefox et Chrome, mais dans Safari je viens de voir un espace vide pour certains mais pas pour d'autres. Capture d'écran:

Police Impressionnant icônes ne fonctionne pas sous OSX Safari

Comme vous pouvez le voir, les icônes pour fa-twitter, fa-instagram et d'autres ne se montrent pas, soit de la Police de site Génial ou quand j'essaie de les utiliser avec <i class="fa fa-instagram"></i>.

Vraiment bizarre, j'ai effacé mon cache une douzaine de fois et ne peuvent pas comprendre ce que l'autre pourrait aller mal ici.

Des idées?

  • Vous avez une ancienne version de Fontawsome installé en tant que système de police? (le livre des polices) Osx de l'utilisation de vos polices installées. Si c'est un vieux Génial il sera glyphes manquants.
  • Bonne idée j'ai eu de la Police Génial installé sur OSX, j'ai supprimé à partir du Livre des Polices et redémarré mon ordinateur, mais cela n'a pas résolu le problème.
  • Juste une suggestion pour l'avenir, avez-vous envisagé cette option, materialdesignicons.com? Je sais, c'est assez fin alternative, mais je crois qu'il peut fonctionner aussi.
InformationsquelleAutor JVG | 2014-03-31
  1. 12

    Il y a peut être une autre question à jouer--j'ai eu un problème similaire où un générée de manière personnalisée jeu d'icônes (à l'aide de Polices Personnalisées) affiche dans Chrome, Firefox, et certaines versions de Safari, mais aucun versions d'iOS. J'ai fait en sorte que je n'avait pas de bloqueurs de permis, mais encore a été l'expérience de la question.

    À travers un peu de recherche, j'ai trouvé que l'ajout de cette propriété à l'icône de la police CSS fixe la question:

    text-rendering: optimizeLegibility;

    Après cette propriété a été ajouté, le rendu dans tous les navigateurs a bien fonctionné.

    • pouvez-vous dire où ajouter cette ligne?
    • a travaillé pour moi. Ajouter à @font-face {} dans votre customicon.css
    • Fou! Merci 🙂
    InformationsquelleAutor karolus
  2. 10

    Vous avez un bloqueur de publicité, le plugin installé dans Safari?

    Selon la Police Impressionnant de la documentation, des icônes de réseaux sociaux peuvent être bloqués avec un tel plugin.

    InformationsquelleAutor transistor
  3. 1

    Êtes-vous à l'aide de la dernière version de Chrome? Ils ont maintenant une version personnalisée du web-kit, une branche appelée Blink donc, même si elles montrent en Chrome, de nos jours, vous pourriez avoir besoin de vérifier dans un autre web-kit de navigateur pour être sûr.

    Aussi, que la redoutable c'est à dire? Ils montrent là?

    J'ai l'habitude d'avoir à en "Réinitialiser Safari" au lieu de simplement vider le cache de fait, vider le cache!

    • J'ai essayé avec Firefox et Chrome et ils fonctionnent très bien, juste pas dans Safari. N'ont pas IE pour tester. J'ai réinitialisé mon ordinateur et toujours en vain.
    InformationsquelleAutor kelly johnson
  4. 1

    Il semble Safari blocs non signé polices. À l'aide de CA avec intégrité résout le problème:

    De police génial, j'ai utilisé ci-dessous le lien que j'ai trouvé à: https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
    InformationsquelleAutor Farshad Javadi
  5. 1

    De l'essayer. Il fonctionne pour moi.

    @font-face {
    font-family: 'FontAwesome'; 
    src: url('../fonts/fontawesome-webfont.eot?v=4.4.0'); 
    src:url('../fonts/fontawesome-webfont.eot #iefix&v=4.4.0') format('embedded-opentype'), 
        url('../fonts/fontawesome webfont.woff2?v=4.4.0') format('woff2'), 
        url('../fonts/fontawesome webfont.woff?v=4.4.0') format('woff'),
        url('../fonts/fontawesome webfont.ttf?v=4.4.0') format('truetype'),
        url('../fonts/fontawesome webfont.svg?v=4.4.0#fontawesomeregular') format('svg'); 
    font-weight: normal; 
    font-style: normal;
}
    InformationsquelleAutor Shankar M
  6. 0

    Essayer de vider votre Cache, j'ai eu cela m'arrive à moi une fois avant et il a été résolu après j'ai vidé le Cache de mon navigateur (j'utilise Chrome mais).

    InformationsquelleAutor John
  7. 0

    Il était très certainement le bloqueur de pub quand je l'ai désactivé sur un site que j'ai eu un problème avec elle, il fixe

    InformationsquelleAutor Brian Hertneky
  8. 0

    Ce qui s'est passé sur notre site, même avec un non-icône de la marque, FontAwesome fa-part carré-o, \f045. Il a été causé par un bloqueur de publicité. Une fois que notre site est dans la liste blanche de l'icône est apparu.

    InformationsquelleAutor HamletHub