Забыть нельзя использовать, иконочные шрифты?

Question

[freekir]

Вопрос философский и запятая в название вопроса пропущена не случайно.

Что вам нравится, что не нравится в иконочных шрифтах, используете их или нет? Как бы минусы я понимаю, но при этом font-awesome цветет и пахнет и используется на каждом втором сайте, как быть, что делать?

Answer 1

[lagudal]

Я для себя использую шрифты, если в проекте используется достаточное количество однотипных иконок.
Создавать свой или использовать готовые - от ситуации.
А если пара -тройка иконок то опять таки, в каком амплуа они задействованы, то одиночные svg или спрайты.
Тут на работе один проект - веду не я - чел подключает полностью font-awesome ровно для 5 иконок в футере.
Я специально проверил, с сайта font-awesome можно скачать все эти 5 иконок в svg, в общем будет около 3 кб.
Шрифты и css, которые он тянет сейчас, в сумме составляют 440 кб...

Comments

[freekir]

Когда делают как твой чел это вот да, прям беда реально.

Answer 2

[#FFFFFF]

Иконочный шрифт - это не семантично. Шрифт - для текста. Плюс отсутствует доступность (accessibility).
Что касается font awesome, так на большинстве адекватных проектов дизайнеры рисуют свои иконки, как правило, так что у меня например даже не было случая его использовать. А если уж собирать кастомные иконки в шрифт, это та же сборка - так лучше уж собрать спрайт.

Comments

[freekir]

Резонно.

Answer 3

[tema_sun]

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

Comments

[freekir]

Вот я тоже так думаю

[lukoie]

когда мы боремся за скорость?
Смотрите, когда на гуглофонтах выбираем три шрифта, он уже говорит что айяйяй, будет плохо и медленно и анафема.
А тут мы берем и добровольно фигачим на каждой странице лишний запрос, и тянем целый шрифт(ок, закроем пока глаза на кеширование). Тогда как можно свг-спрайтами добиться того же результата, но в перспективе иметь меньше проблем.

[DevMan]

проблема вполне имеет место быть. прост не все с ними сталкиваются или догадываются.

[freekir]

Ну как мне одна из главных проблем, это если для кастомных шрифтов не с иконками, мы используем фолбеки на локальные шрифты, которые точно есть и есть правило https://developer.mozilla.org/ru/docs/Web/CSS/@fon... которое может управлять и выбирать что делать при загрузке, то как быть в подобной ситуации, если у тебя шрифт с иконками на что делать фолбек?

[tema_sun]

lukoie, и? Иконочный шрифт занимает 15кб в woff. У меня не настолько мастштабные проекты, чтобы я начал оптимизровать такие шрифты. Я даже масштаб представить не могу, где это отобъется.

[tema_sun]

DevMan, вполне может быть, но приоретет у нее где-то -100 среди всех других задач, которые надо решить. Т.е. если ты сидишь без дела и реально все супер круто работает, то можно и иконочные шрифты пооптимизировать.

[DevMan]

tema_sun, дело не в оптимизации. дело в:
- ты знаешь, что такое accessibility и работаешь над ее улучшением
- не знаешь и знать не хочешь
- знаешь, но в сфере твоих интересов нет людей с ограниченными возможностями
- знаешь, но срать-плевал на людей с ограниченными возможностями

[lukoie]

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

[DevMan]

lukoie, у нас отдельный отдел в 3 человека на месте и одного удаленщика, который занимается исключительно accessibility.

[lukoie]

DevMan, круто! завидую

Answer 4

[lukoie]

А сколько символов /на проект из шрифта Вы вообще используете?
Иконочный шрифт это удобный костыль, который создан специально чтобы сделать простую вставку i class fa fa-something /i и не задумываться что куда - оно само себе порешает. С свг же нужно больше телодвижений. Для такой простой задачи как вставить иконку телефончика или фейсбука, по сути не хотят заморачиваться, если можно просто написать i.fa-something и нажать табуцию.

Comments

[freekir]

А сколько символов /на проект из шрифта Вы вообще используете?

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

[lukoie]

freekir, смотрите, в основном до 10 штук, правда?
и в основном одно и то же
а еще и фонтоусом дает стандартную иконку
почему тогда не свг спрайт?

[tema_sun]

lukoie, я делаю свой иконочный шрифт и в нем только те иконки, что нужны мне.