Использовать шрифт Awesome Icon As Favicon

Можно ли использовать значок Font Awesome в качестве значка favicon? Знаете, маленький значок, который появляется рядом с заголовком веб-сайта на вкладке браузера?

Ответ 1

Да, это так. Просто сделайте снимок экрана с чем-то нужным персонажем, вырежьте нужную вам деталь и сохраните ее как изображение (.ico).

Серьезно теперь вы можете проверить форматы, поддерживаемые каждым браузером: http://en.wikipedia.org/wiki/Favicon#File_format_support

Если ваши персонажи являются графическими или векторными файлами, вы будете в порядке с большинством браузеров, но IE (потому что MS ненавидит вас). В противном случае вам действительно нужно сначала сохранить их как изображения.

Ответ 3

Я также создал онлайн- генератор Font Awesome Favicon, в котором есть дополнительные функции, отсутствующие в решении Paul Ferrett.

favicon

  • предварительный просмотр favicon в браузере
  • определение размера иконы
  • прозрачный значок и фон
  • огромный размер изображения (значок может быть настолько подробным, насколько вы хотите)
  • iconset может быть обновлен с помощью GitHub
  • Обновление 06/2017 Обновление до Font Awesome 4.7
  • обновление 06/2017 нечеткий поиск и поиск по ключевым словам
  • обновление 09/2017 сложенные значки
  • Обновление 06/2018 Обновление до Font Awesome 5.0.13
  • Обновление 11/2018 Обновление до Font Awesome 5.5.0
  • Обновление 04/2019 Обновление до Font Awesome 5.8.1
  • обновление 04/2019 добавлена поддержка Font Awesome Pro !

Если вы хотите дополнительные функции, пожалуйста, не стесняйтесь представить вопрос или запрос тянуть здесь.

Ответ 4

Любое изображение может быть загружено на сайт генератора favicon, например:

http://favicon-generator.org/

или же

http://www.favicon.cc/

следуйте онлайн-инструкциям на выбранном вами сайте. Обычно это всего лишь три шага. Сохраните значок сайта на верхнем уровне вашего сайта.

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

Ответ 5

Невозможно, чтобы вы могли использовать прямой awesome символ шрифта как favicon без преобразования в изображение. Вы должны преобразовать символ в изображение.