utiliser favicon avec css
Je veux définir le favicon pour un assez grand nombre de pages. Mais, au lieu d’utiliser HTML <head> tag <link rel="shortcut icon" href="favicon.ico">, J'aimerais le définir dans le fichier CSS. J'ai un accès limité à certains fichiers HTML et un contrôle limité sur leur cycle de vie.
Vous ne pouvez pas définir un favicon à partir de CSS - si vous voulez le faire explicitement, vous devez le faire dans le balisage comme vous l'avez décrit.
Cependant, la plupart des navigateurs recherchent un favicon.ico fichier à la racine du site Web - donc si vous accédez à http://example.com , la plupart des navigateurs chercheront http://example.com/favicon.ico automatiquement.
Vous n'avez pas besoin de le faire - si le favicon est placé dans la racine de favicon.ico, les navigateurs le captureront automatiquement.
Si vous ne le voyez pas fonctionner, effacez votre cache, etc., cela fonctionne sans le balisage. Vous n'avez besoin d'utiliser le code que si vous voulez l'appeler autrement ou le placer sur un CDN, par exemple.
Si (1) vous avez besoin d'un favicon différent pour certaines parties du domaine ou (2) vous voulez que cela fonctionne avec IE 8 ou plus ancien (n'avez encore testé aucune version plus récente) , alors vous devez éditer le html pour spécifier le favicon
Il n'y a pas de moyen explicite de changer le favicon globalement en utilisant CSS que je connaisse. Mais vous pouvez utiliser une astuce simple pour le changer à la volée.
Commencez par nommer ou renommer le favicon "favicon.ico" ou quelque chose de similaire facile à mémoriser ou pertinent pour le site sur lequel vous travaillez. Ajoutez ensuite le lien dans la favicon dans la 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’ancien, et qu’elle porte le même nom, et voilà!
Ce n'est pas une solution très élégante et cela demande un effort. Mais il est beaucoup plus facile de déposer un nouveau favicon à un endroit que de rechercher et de remplacer tous les liens ou, pire, de les modifier manuellement. Au moins, cette façon n’implique pas de jouer avec le code.
Bien sûr, déposer un nouvel favicon portant le même nom supprimera l'ancien, assurez-vous donc de sauvegarder l'ancien favicon en cas de sinistre ou si vous souhaitez revenir à l'ancienne conception.