За допомогою @font-face{} ви можете завантажувати значки (іконки) не у вигляді PNG або GIF, а впровадити всередину шрифту і довантажити користувачеві через директиву @font-face. CSS3 дозволяє повертати такі значки, додавати тіні або навіть анімовані ефекти з плавною зміною кольору при наведенні курсору миші (раніше таке було можливе тільки на Flash).
Ось тут інструкція з використання набору шрифтів IconPack (.eot, .woff, .ttf, SVG) і завантаження значків за допомогою псевдо-елемента: :before та тега span.
