Загрузка векторных иконок через @font-face: за и против

08:48

9d601bb5

 

С помощью @font-face вы можете загружать иконки не в виде PNG или GIF, а внедрить внутрь шрифта и подгрузить пользователю через директиву @font-face. С помощью CSS3 можно поворачивать векторные иконки, добавлять тени или даже анимированные эффекты с плавным изменением цвета иконки при наведении курсора мыши (раньше такое было возможно только на Flash).

Вот здесь инструкция по использованию набора шрифтов IconPack (.eot, .woff, .ttf, .svg) и загрузке иконок с помощью псевдо-элемента :before и тега span.

 

Далее