FLIR — ещё одна возможность избавиться от стандартных шрифтов на сайте
Вторник, 21 октября 2008
Возможно, вы ещё не знакомы с FLIR (Facelift Image Replacement), технологией замены стандартных шрифтов на сайте, которая может создать альтернативу технологии sIFR.
А примечательна эта технология тем, что работает на связке CSS, JavaScript, PHP и не использует Flash.
Как работает
При загрузке страницы, JavaScript, установленный на сайте находит теги, помеченные специальными CSS-классами и отсылает запрос на сервер, затем PHP-сценарий, подменяет текст в этих тегах автоматически сгенерированным картинками с нужным нестандартным шрифтом.
Примеры использования FLIR можно увидеть всё на том же сайте разработчика и протестировать собственные сайты (к сожалению, не работает для кириллических символов :( ).
Установка
Не буду останавливаться на этом, так, как хорошие инструкции к использованию вы можете найти по этим ссылкам: раз, два, три.
Несмотря на английский, всё интуитивно понятно и ни у кого не должно вызвать затруднений.
Плюсы
- лёгкая настройка
- не требуется поддержка плагинов в браузере (единственное требование, поддержка PHP GD library (библиотека для работы с графикой) на сервере);
- заменённый текст доступен поисковикам через атрибут alt;
- при отключенном JavaScript, выводится стандартный шрифт, установленный в стилях;
- автоматическое подгонка изображения под размер подменяемого шрифта;
- возможность выбора формата генерируемого изображения (GIF, PNG);
- при выделении и копировании текста и изображений, атрибуты alt копируются как нормальный текст.
- наблюдается некоторая «косячность» работы в Opera, в частности, при копировании текста вместе с изображениями, текст из атрибута alt не копируется. Эту проблему разработчик обещал исправить в последующих билдах;
- проблема при рендеринге некоторых шрифтов, поэтому предварительно отображение следует протестировать локально.
- подпишитесь на обновления по RSS
- получайте новые статьи на E-mail
- добавьте в Twitter: FLIR — ещё одна возможность избавиться от стандартных шрифтов на сайте
- добавьте статью в закладки:
Ну и сюрприз для блоггеров: существует плагин для WordPress.
Минусы
Где использовать
Для заголовков на сайтах. Отличный выход для имиджевых проектов, где стандартных платформенных шрифтов явно недостаточно или на сайтах, где явные проблемы при разговоре с заказчиком.
* * *
Сканер блогов:
Выравнивание изображений свойством vertical-align. Бесплатные инструменты для анализа и оценки сайтов
* * *
Понравилась статья?
Тогда помогите мне сделать её доступной для других, или будьте в курсе событий:
* * *
Интересная штука. Буду тестировать. Спасибо за инфо.
Да прикольная штука, буду юзать!
[...] rotor’а пару дней назад была опубликована очень интересная [...]
Классная технология, первый раз о таком слышу, надоели уже стандартные шрифты.
Спасибо за инфу. Когда появится поддержка русского языка можно будет полноценно использовать, а так, мне кажется уже легче пользоваться старым методом.
Можно полноценно использовать уже сейчас, главное чтобы в подгружаемых шрифтах была поддержка кириллицы.
Ух ты! СИФР, на самом деле, далеко не всегда хорош. Когда на уровне ПРОКСИ отключаешь флеш, то хана всем флеш примочкам. Вот только интересно, если яваскрипт отключить, будет ли работать...
Тем не менее, будем пользоваться. Автору респект, случайно на этот сайт наткнулся: и дизайн хорош, и статейки, как говорится, по теме :)
Sonic17, вы вообще чиали что написано.
> при отключенном JavaScript, выводится стандартный шрифт, установленный в стилях;
Вообще идея лежала на поверхности. Но... не указан самый главный минус, перенос текста будет отсутствовать как класс. Правда в коротких заголовках это не критично.
[...] you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!У rotor’a пару дней назад была опубликована очень интересная [...]