Зачем нужны иконочные шрифты?

Question

[Роман Родионов]

Посмотрел видео, где человек, верстая сайт, создает из всех иконок в psd шаблоне шрифт.
Для чего нужен такой подход? Разве не проще вставить .png?

Comments

[riot26]

Шрифты векторные и их можно раскрашивать в ксс как угодно

Answer 1

[Илья Пирожок]

Иконочный шрифт нужен для мелких деталей которые не желательно размещать изображением, например: стрелочка рядом со списком, плюсик рядом с кнопкой, иконочка письма рядом с почтой и так далее.
Спрайт - это множество мелких иконок которые в процессе верстки лепятся в однин файл изображения (зачастую этот холст прозрачный). Плюс этого метода в том что не нужно много раз посылать запрос на загрузку мелкой картинки (например иконок соц сетей). Все это упаковано в один файл и запрашивается один раз. На самой странице положение спрайтов выполняется при помощи background-position: ...px ...px;

Comments

[Роман Родионов]

Спасибо за доходчивый ответ.

[Илья Пирожок]

Вот пожалуй лучший вариант иконочных шрифтов. Просто берете код и вставляет куда нужно. Все изменяется как обычный текст в CSS (цвет, размер)
fortawesome.github.io/Font-Awesome