Векторные иконки (шрифты)
Самый современный метод украшательства нашего интерфейса предполагает использование шрифтов с векторными иконками (glyph icons).
Главное достоинство - маленький размер всего пакета иконок, возможность как угодно масштабировать, менять цвет и применять любые CSS эффекты для текстов (тень, вращение и т.д.).
Главный недостаток - это невозможность использовать цветные иконки. Однако современные тенденции в дизайне как раз и рекомендуют нам использов
Спрайты
Технология спрайтов является развитием классического метода с использованием растровой графики, но с рассчетом на более современные браузеры и CSS технологии.
Сутьт метода такова, что все иконки размещаются в одном файле и далее, уже с помощью CSS выбирается участок изображения с нужной иконкой и привязывается к какому-нибудь стилю элемента.
Техническая реализация не очень сложна и состоит из 2-х этапов: подготовка спрайта и подгот
Старый, классический метод.
Тут, каждая иконка представляет собой отдельную картинку (gif, png или jpg) и обычно вставляется в код страницы с помощью тэга <img>.
Разумеется, картинку можно привязать к фону какого-нибудь стиля и использовать, но чаще всего встречается именно <img>. В частности, в JohnCMS сделано именно так.
Достоинства
Простейший (кл