firejaxx Sep 13 2011 at 17:08

Web Symbols

1 min

6.2K

Typography*

+139

Comments 51

ertaquo Sep 13 2011 at 17:09

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

ertaquo Sep 13 2011 at 17:10

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

firejaxx Sep 13 2011 at 17:10

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

lampa Sep 13 2011 at 17:15

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

bO_oblik Sep 13 2011 at 17:15

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

bO_oblik Sep 13 2011 at 17:25

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

bO_oblik Sep 13 2011 at 17:27

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

Firues Sep 14 2011 at 01:26

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

firejaxx Sep 14 2011 at 08:57

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

hayk Sep 17 2011 at 16:15

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

staskhrustalev Sep 13 2011 at 17:22

Класс

TigranAM Sep 13 2011 at 17:22

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

pel Sep 13 2011 at 17:29

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

AndreyNagih Sep 13 2011 at 18:58

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

Scrum Sep 13 2011 at 18:42

Спасибо!

Mithgol Sep 13 2011 at 18:49

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

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

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

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

+19

firejaxx Sep 13 2011 at 19:09

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

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

1) Сделал

Masterkey Sep 13 2011 at 21:38

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

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

yamike Sep 13 2011 at 19:25

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

Z0K Sep 14 2011 at 16:48

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

punch Sep 13 2011 at 19:59

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

firejaxx Sep 13 2011 at 20:01

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

-5

punch Sep 13 2011 at 20:06

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

firejaxx Sep 13 2011 at 20:16

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

Masterkey Sep 13 2011 at 21:40

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

Masterkey Sep 13 2011 at 21:53

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

alienator Sep 14 2011 at 16:32

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

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

Borodean Oct 2 2011 at 16:42

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

Davert Sep 13 2011 at 20:06

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

leg Sep 13 2011 at 20:54

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

-5

firejaxx Sep 13 2011 at 21:19

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

+10

striimii Sep 13 2011 at 21:14

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

vol4ok Sep 13 2011 at 21:16

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

firejaxx Sep 13 2011 at 21:20

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

EzS Sep 13 2011 at 21:45

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

firejaxx Sep 13 2011 at 21:49

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

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

EzS Sep 14 2011 at 00:39

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

firejaxx Sep 14 2011 at 09:17

Спасибо

Finom Sep 14 2011 at 00:50

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

firejaxx Sep 14 2011 at 09:17

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

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

Finom Sep 14 2011 at 14:59

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

alienator Sep 14 2011 at 13:32

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

Markmaster Sep 15 2011 at 04:19

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