Креативное использование веб-шрифтов

[kerkomen]

Спасибо за статью! Понятно, обстоятельно и по делу.

[Matrixcracker]

7 и 8 понравились, а остальное выглядит как-то ну совсем уныло :(

[vanxant]

WordArt атакует!

[kDas]

Вот это красота. Хочется взять и… Научиться делать такое самому. :(

[freopen]

В firefox 15 в пятом примере гармоша. Почему?

[roman01la]

Не сочтите за грубость, но почему бы большие блоки кода не помещать в Gist например, а здесь давать ссылки.

Еще один интересный плагин для искривления строк текста — Arctext.js

[sergof]

легкий ненавязчивый пиарчик

[SerDIDG]

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

[sermal]

Еще есть третий вариант, как в небольших компаниях — дизайнер и разработчик в одном лице =)

[SerDIDG]

Это называется фрилансер, а не разработчик в маленькой компании.

[LostSenSS]

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

[SerDIDG]

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

[olean]

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

p.s. простите если не увидел вашей таблички «Сарказм».

[SerDIDG]

Уж лучше пусть дизайнеры не знали о жс вообще, когда они рисуют сайты, которые без тоны жс просто не возможно нормально накодить. Web-шрифты да, а такое издевательство над ними — нет. Я и сам ейчас на постой подключаю сторонние шрифты.

ПС. Там было очень тонко )

[Paul_Smith]

Отлично! Подскажите, пожалуйста, что за шрифт в первом примере (у слова «Облако»)?

[habrauser]

font-family: 'Ruslan Display',cursive;

[iDark]

Вот читал бы про такое еще и еще, может кто знает, где можно найти такие вещи?

[drakmail]

tympanus.net/codrops/ Мне в google reader отсюда упала эта статья позавчера.

[drakmail]

В догонку еще:

codevisually.com
www.smashingmagazine.com/
speckyboy.com/
cssdeck.com/
css-tricks.com/

Там много похожего.

[r3code]

Красиво получается. Скоро придется альтернативу фотошопу делать, чтобы вместо картинок сразу использовались доступные эффекты. Будет большая польза.

[s0lar]

Восьмой пример — шикарен.
И за остальное спасибо.

[whybenormal]

Я восхищен! Прекрасные примеры.

[0sten]

Это всё, конечно, красиво. Но пока IE (даже актуальный 9-й) не поддерживает CSS transitions, я такого делать не буду. Тем более с логотипами, что подразумевает необходимость выдержать общий (корпоративный) стиль страницы.
Объяснять потом заказчику, «почему всю эту красоту не видит его друг из банка» совсем не хочется.

[example]

Пример 5 «Гармошка» напоминает галерею. Вместо букв слайды, добавить пару эффектов, плюс посередине ещё один обычный слой с текущей выбранной картинкой. Надо будет как-нибудь добраться и реализовать.

[Tomasina]

5-й не работает в Опере, но все равно спасибо.