Scalable Inman Flash Replacement

Scalable Inman Flash Replacement (sIFR) технология с открытым кодом на JavaScript и Shockwave Flash создана для замены текстовых элементов HTML страниц на Flash эквиваленты с выбранным уникальным шрифтом.

Создатель предшествующей технологии (IFR), флэш-разработчик Shaun Inman представил этот метод в 2003 году, и ровно через год его стремления улучшить визуальное представление веб-страниц были поддержаны другим разработчиком Mike Davidson и Mark Wubben.

Совместимость технологии с вебстандартами

Технология sIFR полностью отвечает стандартам W3C. Стоит упомянуть, что один из участников W3C Matt May одобряет технологию и называет её «доступным методом использования всего широко разнообразия веб-типографики».

Технология рендеринга текста любым шрифтом с помощью JS и Flash, как ни странно вызывает неадекватную реакцию у веб-разработчиков. Реакция отталкивается от слова Flash и отстутствия совместимости этой технологии с вебстандартами. Так или иначе технология sIFR отрабатывается «в уме» не задевая структуру документа и полностью абстрагируется от клиентских ограничений. Некоторых также смущает вопрос предустановленности флэш-плагина в браузерах. На сегодняшний день, по статистике флэш-плагин установлен у 85 % пользователей, а остальные пользователи либо ещё не столкнулись с повсеместным распространением флэш-мультпликации, либо не посещали сайты на флэше (что практически не возможно при условии распространения флэш-технологии вообще). В противном случае ничего не произойдет, заголовок будет оформлен средствами CSS, и без всяких выскакивающих предупреждений с сообщениями об отсутствии флэш-плагина.

Простое объяснение технологии sIFR

1. После загрузки страницы JS определяет наличие Flash плагина
2. Если Flash-плагин не обнаружен страница загрузится в обычном порядке без ошибок и запросов на скачивание плагинов. В тех местах где предполагался вывод текста уникальным шрифтом пользователь увидит текст оформленный стандартными средствами CSS. (При удачном сочетании стандартного и уникального шрифта, разница между визуальным представлением может быть нивелирована и незаметна глазу)
3. Если Flash-плагин обнаружен, то требуемому элементу страницы с помощью JS присваивается класс «.sIFR-hasFlash», что позволяет с помощью CSS спрятать простой HTML-текст для замены на sIFR.
4. JS сканирует страницу, находя по классам объекты для рендера флэша и сверяет их размеры.
5. После проверки, скрипт создает флэш-мувик и перекрывает им стандартный текст, включая его в состав атрибута variables.
6. Вшитый в заранне созданный флэш-шрифт экшн-скрипт генерирует текст требуемым шрифтом и с параметрами, указанными разработчиком сайта заранее.

Ссылки

• Wiki.Novemberborn, sIFR versions 2.xx & 3 alpha | Documentation & FAQ
• Introducing sIFR: The Healthy Alternative to Browser Text by Mike Davidson
• Любой шрифт на вашем сайте. sIFR
• Designcollector: sIFR 2 по-русски