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

А так то «ребрендинг» fontomas'а, давно известный проект

Выглдяит также как некий fontomas, скриншот которого у меня датирован 23м февраля.

We moved to new location: http://fontello.com

А, ладно...

Ну там довольно развесистый changelog, по сравнению с предыдущей версией: https://github.com/fontello/fontello/blob/master/HISTORY.md . Это только внешне. Внутри вообще почти все переписано.

Я инвестировал 15 долларов в покупку домена. Это большой шаг для опенсорсного проекта, позволивший поменять номер версии с 0.0.1 сразу на 2.0.0

Картинки встраивать в шрифт, я правильно понял ?

А зачем ? ведь можно встраивать в страницу картинки ...

Потому что так удобнее. И ради векторов. Чтобы на разных девайсах страничка хорошо скейлилась.

А как же SVG?

и собирает из них фонт минимального размера.

фонт

что это за слово такое? фронт, фонд... не понимаю.

SVG нормально поддерживают не все и пролетают с хинтингом. Я на хабре уже перетроллил тему вдоль и поперек. Почитайте.

Зато svg можно использовать не только на монохромных мониторах, но и на цветных (где плоская двуцветная графика смотрится крайне отстойно).

Спасибо. Не знал.

С другой стороны у шрифта легко менять цвет, добавлять тень/выделение и т.п. свойствами css

Fontello will not work without javascript!

Из пушки по воробьям.

А что не так?

Зато svg можно использовать не только на монохромных мониторах, но и на цветных

А он же по разному в разных браузерах себя ведет, не?

(где плоская двуцветная графика смотрится крайне отстойно).

В Mac OS монохромные иконки, и что в этом отстойного? Более строго выглядит, просто.

Даже если у шрифта изменить цвет он всё равно останется монохромным. Тень для графики - спорно, но таки согласен - преимущество. Но всё равно шрифт с графикой и тем более с векторной (svg) не сравнить.

Столлман не одобряет же

В Mac OS монохромные иконки, и что в этом отстойного?

Монохромные иконки выглядят отстойно. И, кстати, я не знаток инструментов банального рабства, поэтому вас не затруднит ткнуть ссылку на скриншотик с монохромной макосятиной? А то всё, что гугл выдаёт по запросу Mac OS, - крайне цветасто.

Потыкал, понравилось, но потом…

Entypo, Awesome и Iconic

Мало, очень-очень мало, я ожидал, что любые шрифты можно будет загружать и из них собирать :(

А смысл? Шрифтов-то нет. Все самые качественные я уже добавил.

Да идите вы лесом.

Тот чувак из твиттера так в себя и не пришёл, всё дуется? :)

Да идите вы лесом.

Как жаль, что в файрфоксе нельзя отдельно отключить CSS-спрайты, правда? Вот было бы круто убить все способы минимизации числа HTTP-запросов.

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

http://4.bp.blogspot.com/_SE4xAsbWLBI/SF50kfRuv3I/AAAAAAAAAEc/NE1_OFdUesA/s16...

Панель сверху, только индикатор раскладки цветной. Не нравится мне, когда в верхней панели цветные иконки - это какой-то вырвиглаз. Поэтому использую Faenza в Gnome2 - монохромные иконки в панели, в глазах не рябит. Чтобы не про банальное рабство, то вот про то же самое в KDE: http://www.opennet.ru/opennews/art.shtml?num=27572

Ты о ком?

А смысл? Шрифтов-то нет. Все самые качественные я уже добавил.

Поиск выдает еще следующие шрифты:

• http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-ever-thought-...
• http://icons.marekventur.de/

Чувак в свой обкоцаный промо-пак натолкал иконок из айконика и энтипы, и говорит всем, что он аццки крут.

А еще он решил не быть лохом, и тоже генирить готовый набор шрифтов и CSS. Правда, лохами теперь стали все кто ему поверил, потому что шрифты он генерит без хинтинга :)

А простой SVG на разных девайсах не клеится ?

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

Говняное качество - значит в маленьком разрешении получится полная каша. Ну и стиль там... так себе...

Эти ссылки были забракованы еще месяц назад. Я действительно облазил большинство мест, где могло лежать хоть что-то приличное. Нунпроджект тоже видел, да.

Отлично! Из овер 50 родных иконок макосятины выбрать 7 и говорить, что они отображают общий тренд. Правая панель сплошь цветная. Лого эппла - с градиентом, а индикатор зарядки двуцветен. Читай - цветное. Иконки папок и файлов тоже цветные.

Про кде - это было самое убогое изменение, которое они сделали. Хотя то, что КДЕ скатилось в УГ, - ни для кого не секрет. И всё равно иконки у них таки не монохромные.

Он в старых браузерах будет только через тормозные костыли. И из-за отсутствия хинтинга будет на мелких размерах ужасное мыло.

Проблема не «склеить чего-то куда-то», а показать потом везде и в хорошем качестве.

Спасибо за проделанный труд. Со свободными шрифтами совсем швах. Из представленных шрифтов знал только об Iconic. А чем Fortello лучше того же FontForge?

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

Фонтелла использует фонтфорж как одну из частей. Но даже чисто технически, фонтфорж не понимает EOT и имеет устаревшие алгоритмы хинтинга.

Если FontForge не очень-то и подходит, то что используется для создания символьных шрифтов? Например, если захотеть нарисовать свою иконку с нормальным хинтингом, чем воспользоваться для этого?

Цветные иконки обычно намного отстойнее. Иконка не должна создавать информационную перегрузку, она должна быть тупой и простой.

Или ты и текст предпочитаешь читать с разноцветными буквами с завитушками?

Я не знаю, в чем удобно рисовать шрифты. Здесь фонтфорж используется, чтобы импортировать SVG-картинки и отписывать ttf/woff/svg-фррматы шрифтов.

Наверное, вам лучше посмотреть исходники того же Entypo https://github.com/fontello/entypo . Сделайте аналогичный репозиторий, только со своими картинками, поправьте конфиг, и собирайте мейком. Так был сделан Brandico https://github.com/fontello/brandico.font

Я предпочитаю одним взглядом по одному цветовой композиции иконки определять что она означает, а не рассматривать её в поисках информации. Иконка должна в первую очередь удобным образом доносить информацию. Монохромные не пользуются цветовой составляющей для формирования сообщения пользователю.

Например иконка «батарейки»: зелёное - все ок (от сети или на батареях, заряд есть) зеленое с желтым - заряжаемся красное - пора выключаться или искать зарядку, аккум в нулях

Сразу в фоне это видно и обращаешь внимаение. Серое на сером - пока сам не вспомнишь, не заметишь. А вспонишь еще и всматриваться придётся - что там такое накарябали горе дезигнеры...

прочел вику про хинтинг, теперь понятно зачем.

сверхузкоспециализированная штука какая то. Не много видел сайтов в которых много мелких иконок которые надо качественно показать на маленьких экранах

Хинтинг как раз выруливает на десктопах, где пиксели большие. А на маленьких экранах пиксельные размеры надо увеличивать (что нормально не сделать на растре). Ну и проблему показа во всех браузерах никто не отменял.

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

Например иконка «батарейки»: зелёное - все ок (от сети или на батареях, заряд есть) зеленое с желтым - заряжаемся красное - пора выключаться или искать зарядку, аккум в нулях

Ты еще скажи, что это нельзя сделать, не создавая вырвиглазную иконку. Которая бы еще не выглядела безобразно на малых размерах, что очень даже критично для трея. Разберись сначала с тем, что такое монохромный цвет. Если оставить в покое заряд батареи, где еще нужна такая информативность со сменой цвета? А то уж какой-то сильно натянутый пример получается. Огромный плюс монохромной иконки - её можно сделать так, чтобы не выделялась на фоне текста, к тому же, если использовать CSS правила для нее, как для текста.

Серое на сером - пока сам не вспомнишь, не заметишь.

Серое != монохромное, уж выучи наконец.

А вспонишь еще и всматриваться придётся - что там такое накарябали горе дезигнеры...

Сделать монохромную иконку на порядок проще, так что «горе дезигнеры» скорее что-то невообразимое накарябают, используя +100500 цветов, не зная даже о том, что цвета в первую очередь должны сочетаться друг с другом.

Палю статистику:

http://imm.io/oQ4H

Лор в 2 раза круче опеннета :) . На опеннете в комментах вообще песец.

Vit — мужик. Ты же один из разработчиков? Или один разработчик? И делал это всё на Node.JS?

Ты же один из разработчиков? Или один разработчик?

Сходи уже на https://github.com/fontello

Еще лучше - сюда: https://github.com/fontello/fontello/commits/master

Лучше сюда https://github.com/fontello/fontello/graphs/contributors .

От меня там «идея», трохи баблосов, и вёрстка. Первая итерация стала возможна благодаря Роме (shmelev). Кстати, человек нашелся по объявлению с ЛОР-а.

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

Фичреквест: возможность подгружать иконки с других мест, поскольку трех полноценных шрифтов как-то уж совсем мало. Тем более, home-icon почти неотличима в Entypo и Font Awesome. Итого, с учетом Iconic, получаем всего две вариации одной из самых распространенных иконок для ссылок на главную. Также вкусы могут быть у всех разные, да и не всегда критично, как иконка выглядит на малых размерах (наверное, меньше 16px уже особо и не используются). А то слишком уж аскетично всё выглядит на Fontello.

Вот! запомните это сообщение! Простой скромный аноним с лора предложил фичу импорта иконок. А то потом кейамунчег опять будет истерить, что я спиздил его очередную идею, ведь она гениальна и ее мог придумать только он спустя пиццоттыщ лет исследований :)

Ну а тем кому срочно, могут наимпортить тут http://keyamoon.com/icomoon/app/ . Только потом лучше SVG фонтсквиретом прогнать. Потому что кейамуну в анабиозе лекций по хинтингу не читали.

Еще можно взять похороненный фонотомас 0.0.1, он умеет импортить шрифты, но не отдельные иконки.

https://github.com/fontello/fontello/issues/5 - тут можно добавлять аргументы, почему импорт офегенно крут и всем офигенно нужен. Я его, честно говоря, в самый конец задвинул.