Comments 33
интересно… спасибо :)
+1
Многовато весит конвертированный шрифт.
Взял предложенный Gentilis, оставил Basic Latin, получил 530 килобайт…
Взял предложенный Gentilis, оставил Basic Latin, получил 530 килобайт…
+3
Чем это решение лучше sIFR?
0
Я не особо посвящен в суть работы sIFR, поэтому сказать сложно. В данном случае не нужен плагин Flash и отрисовка изображения производится средствами самого браузера.
Вообще эта статья написана не с целью сказать: «Смотрите, есть замена sIFR!». Здесь скорее: «Смотрите, можно и вот так еще!» :)
Вообще эта статья написана не с целью сказать: «Смотрите, есть замена sIFR!». Здесь скорее: «Смотрите, можно и вот так еще!» :)
+4
Здесь еще проще управлять параметрами отображения через CSS…
Но результирующие шрифты уж больно большие… Я попробовал сравнить с тем что у меня засифровано — SWF + JS в sIFR получилось 26 кб, здесь же только шрифт получился на 56 кб.
Также, данные метод не позволяет скопировать преобразованный текст в буфер обмена, хотя при выделении всего текста страницы по Ctrl-A отрабатывает нормально.
Но результирующие шрифты уж больно большие… Я попробовал сравнить с тем что у меня засифровано — SWF + JS в sIFR получилось 26 кб, здесь же только шрифт получился на 56 кб.
Также, данные метод не позволяет скопировать преобразованный текст в буфер обмена, хотя при выделении всего текста страницы по Ctrl-A отрабатывает нормально.
+1
Напишите о sIFR — мы почитаем.
0
Уже написали:
habrahabr.ru/blogs/typography/23280/ :)
habrahabr.ru/blogs/typography/23280/ :)
0
Да, действительно, про sIFR уже написано…
Но, т. к. кармы теперь хватает, обещаю в ближайшее время опубликовать пару статей.
В т. ч. хочу сравнить sIFR с typeface.js
Но, т. к. кармы теперь хватает, обещаю в ближайшее время опубликовать пару статей.
В т. ч. хочу сравнить sIFR с typeface.js
+2
Выполняю обещание.
olegas.habrahabr.ru/blog/43542/
olegas.habrahabr.ru/blog/43542/
+1
Ответил вам там. К сожалению второй плюс вам поставить есть желание, но нет возможности :) поэтому примите просто «спасибо»
0
А теперь нужно еще сравнить с Cufon :) habrahabr.ru/blogs/webdev/52755/
0
А что, бодренько так. И текст выглядит сразу как будто из Сафари :)
0
frujo, а вы пробовали создавать свои собственные примеры с разными шрифтами?
я долго вчера мучался, но у меня так и не получилось. Тем более в Опере эта штука не работает даже на сайте автора. Я тоже хотел запостить статью о этом скрипте, но потестировав его я пришел к выводу, что он еще «сырой» + не кроссбраузерный.
я долго вчера мучался, но у меня так и не получилось. Тем более в Опере эта штука не работает даже на сайте автора. Я тоже хотел запостить статью о этом скрипте, но потестировав его я пришел к выводу, что он еще «сырой» + не кроссбраузерный.
+1
Да, я пробовал. Но не в Опере (ИЕ и ФФ 3.0.3). Все нормально. Были проблемы с кодировкой и неправильным «называнием» шрифтов в недрах стиля. Когда разобрался, все стало на свои места.
На счет Оперы. Данный недостаток документирован и находится в списке «ТО DO» разработчика.
Я согласен, что скрипт сыроват, но не настолько, чтобы не написать о нем здесь. Если дело не заглохнет и человек будет заниматься этой штуковиной, то выйдет очень неплохой инструмент.
На счет Оперы. Данный недостаток документирован и находится в списке «ТО DO» разработчика.
Я согласен, что скрипт сыроват, но не настолько, чтобы не написать о нем здесь. Если дело не заглохнет и человек будет заниматься этой штуковиной, то выйдет очень неплохой инструмент.
0
В списке «to do» разработчика есть такая строчка:
Work around Opera's getComputedStyle() issuesЖдёмс…
0
Жаль, что пока что не кроссбраузерный…
+1
Имхо проще всё таки сгенерить изображение на стороне сервера, и кешировать его. И потом отдавать. Здесь — как то не вижу плюсов.
-1
Так и правда проще. Однако нету возможности регулировать параметры свойства текста через CSS и на лицо проблемы с SEO (заголовки картинками — больше не заголовки), скрин-ридеры (для людей с проблемами зрения) также не читают картинки. Посему плюсы очевидны. Только бы подтянуть кроссбраузерность (за этим я думаю дело не станет) и придумать что-нибудь с размером файлов шрифтов.
+1
Нет, ну необязательно же вставлять картинку вместо текста напрямую, есть же способы замещения. Я имею в виду что эту картинку проще 1 раз сгенерить сервером, чем каждый раз — на каждом клиенте.
С CSS — оно конечно да (динамическое регулирование кстати не будет слишком напряжным?).
С CSS — оно конечно да (динамическое регулирование кстати не будет слишком напряжным?).
0
На счет генерить один раз или много — вопрос, ответ на который лежит в плоскости той или иной задачи. Для создания заголовков, оформления цитат и (возможно) меню способ создания изображений локально мне видится более удобным, потому как он на выходе дает результат, который максимально «похож» на то, как если бы у нас не было проблем с использованием нестандартного шрифта.
Насчет CSS. Думаю не будет, в связи с тем, что скрипт не призван превращать в изображение всю страницу. С несколькими же заголовками/цитатами/пунктами меню он управится. Можно даже привязать к визуальному редактору. Нужно лишь присваивать элементам класс, а остальные параметры регулируются обычынми инлайн-стилями.
Насчет CSS. Думаю не будет, в связи с тем, что скрипт не призван превращать в изображение всю страницу. С несколькими же заголовками/цитатами/пунктами меню он управится. Можно даже привязать к визуальному редактору. Нужно лишь присваивать элементам класс, а остальные параметры регулируются обычынми инлайн-стилями.
0
Камплит нонсенс.
Начиная со строчки «Затем библиотеку typeface.js и файл шрифта» у меня сложилось ощущение, что афтар где-то протупил и предлагает какой-то навес на стандартную фичу HTML`я и CSS (если мы итак грузим файл шрифта, то накой нам еще какие-то библиотеки).
Давайте еще библиотеку на прорисовку анимированных гифов?
Так и вышло.
Начиная со строчки «Затем библиотеку typeface.js и файл шрифта» у меня сложилось ощущение, что афтар где-то протупил и предлагает какой-то навес на стандартную фичу HTML`я и CSS (если мы итак грузим файл шрифта, то накой нам еще какие-то библиотеки).
Давайте еще библиотеку на прорисовку анимированных гифов?
Так и вышло.
-5
Очень круто, жаль, что не все браузеры поддерживают…
0
2frujo: После понял. Пишите понятнее. Напр., не файл шрифта, а файл векторного представления шрифта.
2 b_r: И это я понял позже.
2 b_r: И это я понял позже.
0
да для замены sifr-а пока не тянет, посмотрел на сайте код, ужасно выглядит, если рассчитывать на поисковых роботов.
-1
Кому интересно: _ttp://browsershots.org/http://typeface.neocracy.org/fonts.html
0
Sign up to leave a comment.
Typeface.js — не текст, а картинка (JavaScript + SVG/VML).