FontAwesome [Dave Gandy]

[doctor ru]

Dave Gandy's FontAwesome (a free icon font) and associated code are beautiful examples of how it must be done. The 150 icons, originally designed for use in Twitter, are placed in special positions in the font, while the accompanying css file then defines the symbols neatly. In fact, the css file now does the mapping. This is a great effort worth keeping an eye on.

Всякий такой веб -разработчик или дизайнер сайтов, которому когда-либо доводилось ознакомиться со стилевою системою Twitter Bootstrap, уж конечно помнит, что в ней применяются значки Glyphicons (120 штук) для оформления кнопок, и панелей инструментов, и пунктов в списках, и так далее. Распространяются эти значки бесплатно и свободно (по лицензии CC BY 3.0).
У всех этих значков, однако же, есть общий недостаток: они растровые. Соответственно, если в значке есть диагональные или криволинейные элементы, то растянуть такой значок (для крупной кнопки или для сетчаточных дисплеев) не удастся без неприятной потери качества.

Преодолеть этот недостаток намерен проект Font Awesome, нацеленный на разработку бесплатного и свободного (CC BY 3.0) шрифта, содержащего аналогичные значки не в растровой, а в векторной форме. Значки («буквы») этого шрифта легко могут принимать поэтому любой размер и любой цвет. Притом их ужé и не сто двадцать, а сто сорок.

К шрифту прилагаются стилевые файлы, позволяющие начать использование Font Awesome в Twitter Bootstrap без каких-либо особенных усилий.






http://fortawesome.github.com/Font-Awesome/
http://www.icnfnt.com/#/

https://github.com/FortAwesome/Font-...ee/master/font

[frylark]

Font Awesome по русски: http://j.mp/18Db6zp

Добавлено через 2 минуты

Добавлено через 3 минуты

Цитата: Сообщение от promag Еще Webhosting Hub Glyphs (1534 icons) хорош и тоже бесплатен! Ссылка легко ищется поисковиком;)

Много неиспользуемых иконок, такой бы шрифт делать кастомизируемым... , а то почти мег svg - это перебор.
Нет .woff

[frylark]

Цитата: Сообщение от analogstrike Кто-нибудь знает, как использовать специальный шрифт, как это, как и шрифт удивительным? Я в принципе хочу, чтобы мои собственные стрелы и назначить букву налево стрелки и буквы B, чтобы стрелка вправо, экспорт в. WOFF и использовать в качестве WebFont. это возможно?

Есть замечательный ресурс http://fontello.com/ , там можно собрать свой иконочный шрифт, а в настройках назначить класс и код. их там достаточно просто переназначать

Добавлено через 7 минут
Если нет желания рисовать свои иконки, то есть http://www.flaticon.com/ там можно удобно собрать свой набор. потом все это в Фонтелло и вуаля!

Добавлено через 10 минут