Использование favicon с css

Ответ 1

Вы не можете установить значок из CSS - если вы хотите сделать это явно, вы должны сделать это в разметке, как вы описали.

Однако большинство браузеров будут искать файл favicon.ico в корневом каталоге веб-сайта, поэтому, если вы заходите в http://example.com большинство браузеров автоматически будут искать http://example.com/favicon.ico.

Ответ 2

Вам не нужно - если значок favicon находится в корневом каталоге favicon.ico, браузеры автоматически подберут его.

Если вы не видите, что это работает, очистите кеш и т.д., он работает без разметки. Вам нужно всего лишь использовать код, если вы хотите называть его чем-то другим или помещать его на CDN, например.

Ответ 3

Если (1) вам нужен значок, который отличается для некоторых частей домена, или (2) вы хотите, чтобы это работало с IE 8 или старше (не протестировали какую-либо более новую версию), затем вам нужно отредактировать html, чтобы указать favicon

Ответ 4

Нет явного способа изменения значка глобально с использованием CSS, о котором я знаю. Но вы можете использовать простой трюк, чтобы изменить его на лету.

Сначала просто назовите или переименуйте значок favicon.ico или что-то подобное, которое будет легко запомнить или актуально для сайта, над которым вы работаете. Затем добавьте ссылку на значок в голове, как обычно. Затем, когда вы заходите в новый значок, убедитесь, что он находится в том же каталоге, что и старый, и что он имеет то же имя, и там вы идете!

Это не очень изящное решение, и это требует некоторых усилий. Но падение нового значка в одном месте намного проще, чем поиск и замена всех ссылок или, что еще хуже, их изменение вручную. По крайней мере, этот способ не связан с использованием кода.

Конечно, при сбрасывании нового значка с тем же именем будет удаляться старый, поэтому обязательно создайте резервную копию старого значка в случае бедствия или если вы захотите вернуться к старому дизайну.