Utiliser l'icône Awesome Font As Favicon
Est-il possible d'utiliser une icône Font Awesome en tant qu'icône de favicon? Vous savez, la petite icône qui apparaît à côté d'un titre de site Web dans l'onglet du navigateur?
Oui, ça l'est. Prenez simplement une capture d'écran de quelque chose avec le caractère souhaité, coupez la partie souhaitée et enregistrez-la sous forme d'image (.ico).
Sérieusement, vous voudrez peut-être vérifier les formats supportés par chaque navigateur: http://en.wikipedia.org/wiki/Favicon#File_format_support
Si vos personnages sont des fichiers d’image ou des fichiers vectoriels, la plupart des navigateurs vous iront, mais IE (parce que MS vous déteste). Sinon, eh bien, vous devrez d'abord les enregistrer en tant qu'images.
EDIT: je vous suggère d'utiliser http://gauger.io/fonticon
J'ai créé un générateur de polices Awesome Favicon en ligne pour ce faire!
J'ai également créé un en ligne Font Awesome Favicon Generator qui contient des fonctionnalités supplémentaires qui manquaient dans la solution de Paul Ferrett.
- aperçu de favicon live dans le navigateur
- dimensionnement de l'icône
- icône transparente et fond
- taille d'image énorme (l'icône peut être aussi détaillée que vous le souhaitez)
- iconset peut être mis à jour via une requête github
- mise à jour 06/2017 mise à jour de Font Awesome 4.7
- mise à jour 06/2017 recherche floue et recherche par mot clé
- mise à jour 09/2017 icônes empilées
- update 06/2018 mise à jour de Font Awesome 5.0.13
- mise à jour 11/2018 mise à jour vers Font Awesome 5.5.0
- update 04/2019 mise à jour vers Font Awesome 5.8.1
- mise à jour 04/2019 prise en charge supplémentaire de Font Awesome Pro !
Si vous souhaitez des fonctionnalités supplémentaires, n'hésitez pas à soumettre un problème ou une demande d'extraction ici .
Toute image peut être téléchargée sur un site générateur de favicon tel que
ou
suivez les instructions en ligne sur le site de votre choix. C'est généralement juste un processus en trois étapes. Enregistrez le favicon au niveau supérieur de votre site.
Pour la compatibilité entre navigateurs, je recommande de toujours utiliser des images pour les favicons. Même si certains sites que vous créez s'adressent uniquement aux navigateurs modernes, convertissez vos illustrations de favicon en images. En utilisant systématiquement le même processus, vous vous inquiétez de moins.
Il n’est pas possible d’utiliser un caractère de police génial comme favicon sans conversion en image. Vous devez convertir le caractère en image ..