Je veux définir la favicon pour un nombre assez important de pages. Mais, au lieu d'utiliser le HTML <head> étiquette <link rel="shortcut icon" href="favicon.ico"> J'aimerais le définir dans le fichier CSS. J'ai un accès limité à certains des fichiers html, et un contrôle limité de leur cycle de vie.
Réponses
Trop de publicités?
Il n'est pas possible de définir un favicon à partir d'une feuille de style CSS. Si vous voulez le faire explicitement, vous devez le faire dans le balisage comme vous l'avez décrit.
La plupart des navigateurs rechercheront toutefois un fichier favicon.ico sur la racine du site web - donc si vous accédez à http://example.com la plupart des navigateurs recherchent http://example.com/favicon.ico automatiquement.
Rich Bradshaw
Points
33598
Ce n'est pas nécessaire. Si le favicon est placé dans la racine à favicon.ico, les navigateurs le détecteront automatiquement.
Si vous ne le voyez pas fonctionner, videz votre cache, etc., il fonctionne sans les balises. Vous n'avez besoin d'utiliser le code que si vous voulez l'appeler autrement, ou le mettre sur un CDN par exemple.
NerdBar
Points
41
TheDunadan
Points
21
À ma connaissance, il n'existe aucun moyen explicite de modifier la favicon de manière globale à l'aide de CSS. Mais vous pouvez utiliser une astuce simple pour le changer à la volée.
Commencez par nommer, ou renommer, la favicon en "favicon.ico" ou quelque chose de similaire qui sera facile à retenir, ou qui est pertinent pour le site sur lequel vous travaillez. Ensuite, ajoutez le lien vers le favicon dans l'en-tête comme vous le feriez habituellement. Ensuite, lorsque vous déposez une nouvelle favicon, assurez-vous qu'elle se trouve dans le même répertoire que l'ancienne, et qu'elle porte le même nom, et voilà !
Ce n'est pas une solution très élégante, et elle demande un certain effort. Mais déposer un nouveau favicon à un seul endroit est bien plus facile que de rechercher et remplacer tous les liens, ou pire, de les changer manuellement. Au moins, cette méthode n'implique pas de toucher au code.
Bien entendu, l'ajout d'un nouveau favicon portant le même nom entraîne la suppression de l'ancien. Veillez donc à sauvegarder l'ancien favicon en cas de catastrophe, ou si vous souhaitez revenir à l'ancien design.
