Иконки через кастомные шрифты

• 02, 01, 2013
•  bullgare
•  HTML and CSS
• No Comments.

Здесь очень подробно описано, как это сделать:
http://blog.fogcreek.com/trello-uses-an-icon-font-and-so-can-you/

Также перечислены плюсы и минусы.
Плюсов много — не надо заморачиваться, как в спрайтах, с разными размерами, с ретинами, цветами и прочим. Размер меньше.
Минусы тоже есть — если картинка отрисовывается всегда примерно одинаково, то отрисовка шрифтов зависит от браузера и операционной системы. Еще один минус — надо повозиться, чтобы сделать шрифт правильно.
Вся фишка метода — воспользоваться Glyphs и Adobe Illustrator и правильно назвать символы.

Similar Posts

• Кастомизация Twitter Bootstrap
• Canonical Url: как добавить новую версию сайта и не убить в поисковой выдаче оригинальный сайт. SEO.
• Как рисовать треугольники на чистом css
• Вёрстка писем
• Блоки произвольной формы с CSS Shapes