utiliser favicon avec css

je veux mettre le favicon pour un assez grand nombre de pages. Mais, au lieu d'utiliser la balise HTML <head> la balise <link rel="shortcut icon" href="favicon.ico">, je tiens à le définir dans le fichier CSS. J'ai limité l'accès à certains fichiers html, et un contrôle limité de leur cycle de vie.

40
demandé sur PA. 2011-12-31 13:45:58

4 réponses

Vous ne pouvez pas définir un favicon à partir de CSS - si vous voulez le faire explicitement, vous devez le faire dans le markup comme vous l'avez décrit.

La plupart des navigateurs vont, cependant, chercher un favicon.ico le fichier à la racine du site web - si vous accédez à http://example.com la plupart des navigateurs vous recherchez http://example.com/favicon.ico automatiquement.

42
répondu Oded 2011-12-31 09:54:06

vous n'avez pas besoin de - si le favicon est placé dans la racine à favicon.ico, navigateurs le détectera automatiquement.

si vous ne le voyez pas fonctionner, videz votre cache, etc, il fonctionne sans le markup. Vous n'avez besoin d'utiliser le code que si vous voulez l'appeler autrement, ou le mettre sur un CDN par exemple.

7
répondu Rich Bradshaw 2011-12-31 09:48:26

Si (1) vous avez besoin d'un favicon qui est différent pour certaines parties du domaine, ou (2) vous voulez que cela fonctionne avec IE 8 ou plus (n'ont pas testé de version plus récente), puis vous devez éditer le html pour spécifier le favicon

3
répondu NerdBar 2012-11-01 23:29:32

il n'y a pas de façon explicite de changer le favicon globalement en utilisant CSS que je connais. Mais vous pouvez utiliser un truc simple pour modifier à la volée.

prénom il suffit de nommer, ou de renommer, le favicon en "favicon.ico" ou quelque chose de similaire qui sera facile à se rappeler, ou est pertinent pour le site sur lequel vous travaillez. Ensuite, ajoutez le lien au favicon dans la tête comme vous le feriez d'habitude. Ensuite, lorsque vous déposez dans un nouveau favicon assurez-vous simplement que c'est dans le même répertoire que l'ancien, et qu'il a le même nom, et là vous allez!

ce n'est pas une solution très élégante, et cela demande un certain effort. Mais laisser tomber un nouveau favicon dans un endroit est beaucoup plus facile que de faire une recherche et remplacer de tous les liens, ou pire, les changer manuellement. Au moins, ça n'implique pas de jouer avec le code.

bien sûr de tomber dans un nouveau favicon avec le même nom de supprimer l'ancien, alors assurez-vous de sauvegarder l'ancien favicon en cas de catastrophe, ou si jamais vous voulez revenir en arrière à la vieille conception.

1
répondu TheDunadan 2014-02-27 07:17:55