firejaxx 13 сен 2011 в 13:08

Web Symbols

1 мин

6.3K

Типографика *

+139

Комментарии 51

ertaquo 13 сен 2011 в 13:09

А где его скачать и посмотреть в работе можно?

ertaquo 13 сен 2011 в 13:10

Ага, спасибо :-)

firejaxx 13 сен 2011 в 13:10

Сорри, забыл добавить ссылку. Теперь есть.

lampa 13 сен 2011 в 13:15

Просто супер! Спасибо.

bO_oblik 13 сен 2011 в 13:15

Крутотень. Спасибо.

bO_oblik 13 сен 2011 в 13:25

У меня предложение к вам есть, я не уверен что это возможно, но насколько я знаю можно выводить определенный символ при комбинации символов, и было бы неплохо если напишешь twitter то появлялась бы его иконка.

bO_oblik 13 сен 2011 в 13:27

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

Firues 13 сен 2011 в 21:26

Да, автозамена символа. Есть такое.
Но в linux и windows я не знаю где.

firejaxx 14 сен 2011 в 04:57

Лигатуры работают как соединения между буквами, поэтому этот вариант у нас не получился.

hayk 17 сен 2011 в 12:15

Для лигатур в OpenType шрифтах можно задать символы подстановки через feature liga, так что в теории это возможно, но на практике не всегда работает т.к. эти вещи не всеми подерживаются.

staskhrustalev 13 сен 2011 в 13:22

Класс

TigranAM 13 сен 2011 в 13:22

Креативно, спасибо за статью.

pel 13 сен 2011 в 13:29

На странице с примерами, там, где показана смена букв «Чат / Чат с сообщением», заметно, что у второй буквы нижняя граница «облака» прыгает ~ на 1 пиксель.

AndreyNagih 13 сен 2011 в 14:58

А у меня правая граница прыгает. Видимо зависит от рендеринга шрифта.

Scrum 13 сен 2011 в 14:42

Спасибо!

Mithgol 13 сен 2011 в 14:49

Позвольте внести ряд предложений:

1) Вынесите, пожалуйста, блогозапись «из-под замкá», чтобы она была доступна для чтения всем посетителям «Хабрахабра» с его заглавной страницы, на которую заслуженно попала.

2) Если Вы намерены поделиться этим шрифтом со всеми, подумайте, не поместить ли указание какой-нибудь свободной лицензии (OFL, например) на странице шрифта.

3) Подумайте о помещении своего шрифта в хранилище Google Web Fonts, имеющее такой API, посредством которого из шрифта можно по необходимости вытаскивать на сайт отдельные символы вместо целого шрифта — и тем в несколько раз (до считанных десятков килобайтов) сократить скачиваемое читателем содержимое и ускорить отображение желаемых символов.

firejaxx 13 сен 2011 в 15:09

3) Из Гугла пришел ответ что они пока не размещают шрифты из символов.

2) На самой странице не указывали (сделаем чуть позже), но в самом шрифте указан OFL.

1) Сделал

Masterkey 13 сен 2011 в 17:38

Тогда тут вам будут рады
www.fontsquirrel.com/
www.fontspring.com/

Огромное спасибо за шрифт!!!

yamike 13 сен 2011 в 15:25

Арканоид на главной странице прекрасен. Гляньте ещё на redmadrobot.com, у них тоже хорошо.

Z0K 14 сен 2011 в 12:48

Дополненная реальность на упаковке азу это шедевр, спасибо!

punch 13 сен 2011 в 15:59

Удобнее вектор.
И вообще — thenounproject.com/

firejaxx 13 сен 2011 в 16:01

Вектор для веба — неудобен.

punch 13 сен 2011 в 16:06

Для веба — нет, для дизайна — да. Или вы будете подгружать шрифт для того, чтобы отображать иконки, которые всё равно визуально будут кастомные?

firejaxx 13 сен 2011 в 16:16

Ну так и о чем разговор если шрифт называется Web Symbols и предназначен для веба?

Masterkey 13 сен 2011 в 17:40

Сервис, супер!

Masterkey 13 сен 2011 в 17:53

Жалко правда там сисек нет :(

alienator 14 сен 2011 в 12:32

Сиськи в любом шрифте есть :)

Для ценителей есть, например, такое: Unicode Character 'BIKINI'

Borodean 2 окт 2011 в 12:42

О боги! Но зачем он нужен?

Davert 13 сен 2011 в 16:06

А можно в выложить виде векторных иконок?

leg 13 сен 2011 в 16:54

Большинство иконок, взятые из пака от Helveticons и скорее всего, не купленного, а просто «скаченного бесплатно без смс». Даже если вы и купили эти иконки, то лицензия не позволяет использовать их в данном варианте. Вы, как студия довольно неплохими работами, могли бы и сами нарисовать. На худой конец можно было использовать иконки от thenounproject, они GPL насколько я помню.

firejaxx 13 сен 2011 в 17:19

К вашему большом сожалению, все иконки нарисованы, мотивы некоторых — похожи у всех, например иконка картинки. Она одинаковая и у helveticons, thenounproject и интерфейса apple. Спасибо что не обвинили в краже логотипа твиттера или фейсбука.

striimii 13 сен 2011 в 17:14

Спасибо! Из пожеланий: побольше бы разных буллетов для списков.

vol4ok 13 сен 2011 в 17:16

есть еще один аналогичный шрифт из иконок pictos.drewwilson.com/

firejaxx 13 сен 2011 в 17:20

Крутой, но я бы не заплатил.

EzS 13 сен 2011 в 17:45

Отличная идея, не хватает:
телефон
почта
главная

firejaxx 13 сен 2011 в 17:49

Главную решили не делать, так как символ — бесполезный. Все уже привыкли нажимать на логотип чтобы вернуться на главную.

Телефон и почту — делаем.

EzS 13 сен 2011 в 20:39

Присутствует телефон, почта (8, 9):
*ttf
*eot
*svg
*dfont
*woff

firejaxx 14 сен 2011 в 05:17

Спасибо

Finom 13 сен 2011 в 20:50

Круто, но:
1. Мало. Обязательно попадется задача использовать изображение, не входящее в шрифт. Здесь, например, иконок намного больше thenounproject.com/ru/
2. Сглаживание.

firejaxx 14 сен 2011 в 05:17

Сглаживание вопрос времени. Браузеры на macosx отображают все прекрасно, на xp почти все отображают нормально, но растрируют все по-разному. Тут больше задумка на будущее. Интернет неуклонно идет к векторному формату. C появлением «ретина» экрана на телефонах, у всех появились проблемы с увеличением системных иконок. Представьте что будет когда появится первый «ретина» дисплей, скажем дюймов так на 27.

В студии у нас глобальная идея что веб должен быть проще, как для использования так и для создания. Чтобы вставить в векторную картинку (svg) нужно сделать большое количество лишних действий. Добавить такой шрифт 4 строчки в стилях. В шрифте мы оставили только самые часто используемые иконки, зачем добавлять еще штук 100, которые никому не нужны.

Finom 14 сен 2011 в 10:59

> зачем добавлять еще штук 100, которые никому не нужны.
Зачем тогда делают сеты из тысяч иконок, которые никому не нужны?

alienator 14 сен 2011 в 09:32

А в Юникоде пошли еще дальше.
У них теперь есть специальные символы для дерьма (1F4A9) и пидорасов (1F46C).

Markmaster 15 сен 2011 в 00:19

Можно как-нибудь получить ваши шрифты в виде иконок в png? Очень красивые. Хочу добавить их в Launcher 7 для Android, а то стандартный набор скуп, а ваши иконки очень походят для интерфейса метро!