Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 60
Не работает что-то :)
В Google Chrome и Mozilla Firefox и IE7 во всяком случае :)
Простой тест с подключением стиля и выводом примера выводит только R, а в FF ещё и кучу нотисов в дебаггере=)
Простой тест с подключением стиля и выводом примера выводит только R, а в FF ещё и кучу нотисов в дебаггере=)
Google Chrome dev работает:)
Safari 4.0.4 — воркает
IE7 коряво.
CHROME 5 работает на ура.
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>
Вот так например у меня не работает — может что-то не так делаю?:(
<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>
Вот так например у меня не работает — может что-то не так делаю?:(
Все пашет. FF 3.6
Не поверите, IE9 — работает :)
да у него сайт вообще потрясающий — помимо того, что он сделал
тормозит правда как не родной
да, действительно! прирождённый дизайнер чувак!
desandro.com/articles/the-new-lens-flare/
вот это вообще замечательно :)
вот это вообще замечательно :)
А я не понял, почему не в em-ах заданы размеры? Как шрифт увеличивать\уменьшать?
Ну кстати по поводу EM не уверен. Я всегда делаю при расчете размеров округление до 4 знака после запятой, обычно все браузеры это нормально рассчитывают (больше 4 обычно не имеет смысла). Кроме Safari, если у него включено сглаживание, это вносит некоторые неудобства, но в принципе легко обходится.
Вот эта картинка убила xD
А вообще, автор как бе намекает, что опера ближе к интернету, чем остальные броузеры :D
А вообще, автор как бе намекает, что опера ближе к интернету, чем остальные броузеры :D
В смысле к интернету? К ИЕ что ли?
Ну там же есть ссылочка на рабочий вариант: helmersworks.com/demo/opera_logo.html
Исправленная версия, которая работает в Opera 10.50 — уже отправил автору багрепорт.
спасибо за оперативность? а про градиент что по ссылке в коменте выше можно комментарий? )
По ссылке выше я тоже повозился с автором, который пытался игнорировать Оперу :) Но градиенты пока не поддерживаются. Однако — можно сделать так: sokr.me/bg (к сожалению, изготовлено без moz-webkit-префиксов и видно только в Opera 10.50)
в своём репертуаре ;)))
безумец и молодец =)
Было бы вообще безумно, если бы сам текст на странице со шрифтом был набран таким способом %)
Интересная задумка для капчи, однако.
Всё хорошо, осталось 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 под конкретный шрифт :-)
Текст не выделяется
Не, должно везде работать. А то если в нескольких браузере не работает, то это бета.
Пробуем!
Пробуем!
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Шрифт с помощью CSS