Utilisez la police géniale icône comme 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é du titre d’un site Web dans l’onglet du navigateur?

Oui, ça l’est. Il suffit de prendre une capture d’écran de quelque chose avec le caractère souhaité, de couper la partie souhaitée et de l’enregistrer en tant qu’image (.ico).

Sérieusement, vous pouvez vérifier les formats pris en charge par chaque navigateur: http://en.wikipedia.org/wiki/Favicon#File_format_support

Si vos personnages sont des fichiers image ou vectoriels, vous serez d’accord avec la plupart des navigateurs mais avec IE (car MS vous déteste) . Sinon, eh bien, vous devrez d’abord les enregistrer en tant qu’images.

J’ai créé un générateur de favicon de fonts en ligne pour faire exactement cela!

Voir Font Générateur de Favicon génial .

J’ai également créé un générateur de favicon de fonts en ligne qui comporte des fonctionnalités supplémentaires qui manquaient à la solution de Paul Ferrett.

favicon

  • aperçu de favicon en direct dans le navigateur
  • dimensionnement de l’icône
  • icône transparente et arrière-plan
  • taille d’image énorme (l’icône peut être aussi détaillée que vous voulez)
  • iconset peut être mis à jour via la requête de tirage github
  • mise à jour 06/2017 mise à jour de Font Awesome 4.7
  • update 06/2017 recherche floue et recherche par mot clé
  • mise à jour 09/2017 icons empilées
  • mise à jour 06/2018 mise à jour à Font Awesome 5.0.13

Si vous voulez des fonctionnalités supplémentaires, n’hésitez pas à soumettre un problème ou une demande de retrait ici .

Toute image peut être téléchargée sur un site générateur de favicon tel que

http://favicon-generator.org/

ou

http://www.favicon.cc/

suivez les instructions en ligne sur le site que vous choisissez. C’est généralement un processus en trois étapes. Enregistrez le favicon au niveau supérieur de votre site.

Pour la compatibilité entre les navigateurs, je recommande de toujours utiliser des images pour les favicons. Même si certains sites que vous créez sont réservés aux navigateurs modernes, convertissez toujours vos illustrations favicon sur une image. L’utilisation constante du même processus vous donne moins de soucis.

Il n’est pas possible d’utiliser un caractère de police générique direct comme favicon sans conversion en image. Vous devez convertir le personnage en image.