Использование шрифтов на HTML-странице с использованием JS и Flash
Friday, June 29, 2007Все знают о проблеме использования НЕсистемных шрифтов на веб-страницах. А проблема, собственно, состоит в том, что использовать их нельзя.
Рад представить вам хитромудрое интересное решение - sIFR.
Работает это следующим образом - при отрисовке xHTML страницы в браузере, JS заменяет текстовые блоки с НЕсистемными шрифтами на Flash-ролик, в который заэмбеддены (англицизмы утомили ужо), встроены наборы шрифтов, передаёт флешу текстовое содержание блока, как переменную и задаёт размеры. Для пользователя это происходит прозрачно настолько, что мне пришлось прокликать правой кнопой, чтобы определить, где там на странице флеш, а где html.
Вот метод JS с демо-страницы проекта.
sIFR.replaceElement(’h5#pullquote’, ‘vandenkeere.swf’, ‘#000000′, ‘#000000′, ‘#FFFFFF’, ‘#FFFFFF’, 0, 0, 0, 0);
Конечно, это конкретное решение нужно использовать осторожно, думая о пользователе, у которого на странице будет крутиться десяток флеш-плееров с текстом, со всеми вытекающими, но в некоторых случаях - абсолютно незаменимо. Единственное, что приходит на замену ум - это динамическая генерация gif\png с изображением текста на сервере. Но в этом случае мы имеем большой минус - недоступность текста для поисковых роботов, тем более если учесть, что первые кандидаты на НЕсистемные шрифты - это всеразличные заголовки.
Что же, я большой поклонник таких подходов использования связки Flash\JS\HTML. Если что-то нельзя сделать при помощи HTML\JS - например, прогрессбар при загрузке файлов - скрипим мозгом и делаем трюк, используя возможности Flash.
В атаку!
