LINUX.ORG.RU

Обновился проект Fontello для генерации иконочных шрифтов

 ,


4

2

Вчера состоялось большое обновление проекта Fontello. Теперь вы не ограничены выбором встроенных иконок - можно импортировать собственные svg-изображения и svg-шрифты (под нарезку).

Большая задержка с добавлением импорта была вызвана желанием показывать все иконки именно так, как они получатся после генерации шрифта. Для этого понадобилось написать на javascript свой генератор ttf, который прямо в браузере строит фонт из импортированных изображений. Работа очень большая, но результат того стоил. Кроме того, для гиков добавлено API, и можно прямо из командной строки загрузить конфигурацию проекта и скачать результат.

Fontello - проект для дизайнеров и разработчиков вебсайтов. Если Twitter Bootstrap предоставляет вам набор CSS-классов для быстрой и легкой верстки страниц, то Fontello позволяет вам легко добавить на эти страницы иконки. Вы можете выбрать иконки из очень большой подборки, а Fontello упакует их в шрифты и сделает файл с CSS-классами. Дальше остается добавить нужный класс к HTML-элементу, и рядом появится картинка.

Показ графики с помощью шрифтов - современный тренд, который позволяет с минимальными усилиями получать одинаково качественный вид страниц на любых устройствах. Fontello позволяет вам не заботится о том, как делать шрифты - остается только выбирать иконки и добавлять собственные.

Код проекта и всех компонент для работы со шрифтами выложен на github. Лицензия - MIT.

>>> Подробности

★★★★★

Проверено: Shaman007 ()

Ответ на: комментарий от Artificial_Thought

Если не слезать с дивана, и бухтеть как все плохо не по адресу, то лучше точно не станет :)

Из конструктивного - могу навскидку предложить сделать более сложные правила, чтобы не выпиливались шрифты, у которых fontface кажет на тот же домен. Потому что иконки обычно кладут локально, а текстовые шрифты - либо со всяких внешних сервисов, либо системные. Мне кажется, такой костыль был бы жизнеспособным.

Ну и авторов сайтов таки надо пинать.

Vit ★★★★★ ()
Ответ на: комментарий от Centaur

Вот только что идея родилась - ставить в белый список шрифты, у которых fontface кажет на тот же домен (второго уровня), что и сайт. Потому что фонты локально класть вроде никто не должен. В отличие от иконок.

В вашем плагине для хаканья страниц такое реально заколотить и проверить сам принцип?

Vit ★★★★★ ()
Ответ на: комментарий от Vit

Ну у нас там просто в CSS доабвляется принудительное переопределение шрифта для всего, думаю можно пользовательский скрипт сделать в крайнем случае, вечерком подумаю.

Artificial_Thought ★★★★ ()
Ответ на: комментарий от annulen

Самый правильный вариант - собрать все иконки в полосу в png, и клипать через css

А теперь открой это на планшете с fullHD экраном (или какой-нибудь мак с ретиной) и увидишь мыло

xorik ★★★★★ ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.