Как стать автором
Обновить

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

В Google Chrome и Mozilla Firefox и IE7 во всяком случае :)

Простой тест с подключением стиля и выводом примера выводит только R, а в FF ещё и кучу нотисов в дебаггере=)
Google Chrome dev работает:)
Safari 4.0.4 — воркает
НЛО прилетело и опубликовало эту надпись здесь
я один вижу это огромное поле с прокруткой вместо комментария?
как только не приходится изворачиваться, когда нет firebug-a
кк
IE7 коряво.
CHROME 5 работает на ура.
НЛО прилетело и опубликовало эту надпись здесь
Покажите, пожалуйста, код, а?:) У меня FF 3.6
НЛО прилетело и опубликовало эту надпись здесь
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link href="./s.css" rel=«stylesheet» type=«text/css»>
</head>
<body>
<span class=«css_char r»>R
<span class=«inside split_vert»></span>
<span class=«outside split_vert»></span>
<span class=«stroke»></span>
<span class=«fill»></span>
</span>
</body>
</html>

Вот так например у меня не работает — может что-то не так делаю?:(
А, вставил div class=«curtis size140 standard tk_proxima_nova» и заработало :)
Все пашет. FF 3.6
Не поверите, IE9 — работает :)
да у него сайт вообще потрясающий — помимо того, что он сделал
тормозит правда как не родной
да, действительно! прирождённый дизайнер чувак!
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Вариации с толщиной стыкующихся рамок.
А я не понял, почему не в em-ах заданы размеры? Как шрифт увеличивать\уменьшать?
НЛО прилетело и опубликовало эту надпись здесь
Ну кстати по поводу EM не уверен. Я всегда делаю при расчете размеров округление до 4 знака после запятой, обычно все браузеры это нормально рассчитывают (больше 4 обычно не имеет смысла). Кроме Safari, если у него включено сглаживание, это вносит некоторые неудобства, но в принципе легко обходится.
НЛО прилетело и опубликовало эту надпись здесь
Проблем с этим не припомню, ишак брал 2 цифры, остальные 4, в результате округлений размеры были одинаковыми, вроде.
Вот эта картинка убила xD



А вообще, автор как бе намекает, что опера ближе к интернету, чем остальные броузеры :D
В смысле к интернету? К ИЕ что ли?
спасибо за оперативность? а про градиент что по ссылке в коменте выше можно комментарий? )
По ссылке выше я тоже повозился с автором, который пытался игнорировать Оперу :) Но градиенты пока не поддерживаются. Однако — можно сделать так: sokr.me/bg (к сожалению, изготовлено без moz-webkit-префиксов и видно только в Opera 10.50)
box shadow, интересный способ но несколько мазохистский ;) спасибо
и пользуясь случаем по брюзжу что не хотит десктоп тим переменные чинить %u,%l,%s и так далее, в последнем билде их немного исправили, но далеко не до конца, а сломали то еще в преальфах…
в своём репертуаре ;)))
НЛО прилетело и опубликовало эту надпись здесь
Было бы вообще безумно, если бы сам текст на странице со шрифтом был набран таким способом %)
Интересная задумка для капчи, однако.

Однако нет. Такие графемы очень легко разпознать.
А чего распознавать, если там всё открытым текстом пишется? :)
Всё хорошо, осталось Javascript сделать, что бы HTML не засорять исходный. :)

Не плохая альтернатива встраиваемым шрифтам, для устаревших браузеров.
НЛО прилетело и опубликовало эту надпись здесь
Замечательно будет индексироваться, это просто пара span над буквами :)
Ну как-как, хочешь найти букву r:
<span class="css_char r">
  R
  <span class="inside split_vert"></span>
  <span class="outside split_vert"></span>
  <span class="stroke"></span>
  <span class="fill"></span>
</span>

Текст найден :-)
можно джиквери скриптик навоять, что бы вообще без проблем было ;)
а еще можно рисовать картинки при помощи разноцветных слоев (ячеек таблиц), размером 1х1, только все это — извращение)
Делать пиксель-арт таблицами уже садо-мазо :)
Большой недостаток — то что шрифт пока один. Возможо появиться индустрия продажи CSS под конкретный шрифт :-)
*появится
Рассматривайте это как статичное изображение (чем оно и является, по сути).
От чего же. Если выделить, скопировать и вставить, получится вот это:
«A B C D E F G H I J K L M N O P Q R S T U V W X Y Z?!.
Q U I C K B R O W N F O X J U M P S O V E R T H E L A Z Y D O G.
»
Не, должно везде работать. А то если в нескольких браузере не работает, то это бета.
Пробуем!
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации