Подгружаемые шрифты в HTML — мечта или реальность?

    Многие согласятся, что стандартных Arial, Times, Verdana и т.д. зачастую не хватает.
    Тут на помощь вроде как должен прийти css правило @font-face, которое позволяет использовать свой шрифт. Но к сожалению нормальной поддержки браузерами нет. В качестве теста можно использовать http://www.alistapart.com/d/cssatten/stef.html.

    У меня заработало только в Safari 3.1.
    Safari  @font-face

    IE6, FF2, Opera 9.26 — не прошли тест.
    IE6, FF2, Opera 9.26  @font-face

    Давайте рассмотрим возможные варианты, без использования данного правила.

    sIFR 2.0: Scalable Inman Flash Replacement

    IFR logo
    sIFR предлагает нам альтернативу. Необходимые текстовые элементы HTML заменяются с помощью JavaScript и CSS на Flash блоки, с нужным шрифтом.
    Из недостатков нужно отметить необходимость конвертирования требуемого ttf в swf и использование флеша (хотя в проекте использутся версия 6.0, которая по умолчанию идет вместе с Windows XP)
    Подробнее на русском (хабр)
    sIFR плагин для jQuery
    Описание на английском
    Демо
    Скачать sIFR 2.0.2

    Sistr — замена sIFR на Silverlight


    Абсолютный аналог первого проекта, только написанный с использованием технологии от Microsoft.
    Проект новый, поэтому недостатков и багов гораздо больше. Самый большой, на мой взгляд — использование самого Silverlight, который практически не распространен.
    Страница проекта
    Демо
    Скачать sistr.js

    PHP + Javascript Image Replacement


    В отличие от предыдущих двух игроков использующих преобразования на клиенте это серверная технология, которая заменяет заданные теги на изображения с введенным текстом.
    Достаточно написать следующий JavaScript-код
    replaceSelector(” h2 “,” ifr.php “,false);
    и все теги h2 заменяться на png изображения с текстом произвольного шрифта, которые задаются в ifr.php
    Страница на английском, там же и пример внизу страницы
    Скачать PHP + Javascript Image Replacement
    Поделиться публикацией

    Похожие публикации

    Комментарии 19

      –3
      sIFR 2.0: Scalable Inman Flash Replacement

      Вы только посмотрите на уебическое сглаживание заголовков. Аж блевать тянет.
        0
        Во флеше это настраивается. По идее и здесь должно быть.
        +1
        Про sIFR уже была статья в этом блоге, можно на неё тоже ссылку поставить. И если добавите в вашу запись тег «sIFR», вообще будет отлично. :)
        0
        Вроде internet explorer умел подгружать шрифты, или я что-то путаю?
          0
          Мой IE6 не подгружает. К сожалению семерки под рукой нет - попробую дома. У Вас какая версия?
            0
            умел очень давно, вот только вроде по умолчанию в настройках безопасности это запрещено, а если и разрешено, то вроде вылазает уродское окно с предложением о загрузке и установке
            0
              0
              Спасибо. Добавлю.
              0
              Подгружаемые шрифты - такая же мечта, как включенный у всех жабаскрипт, установленный флешплеер последней модели и высокоскоростной бесплатный доступ в интернет у 100% посетителей вашего сайта.
              Технологии автоматической замены шрифта флешем - хорошо, но вспомните сколько извращений придумано, чтобы сайт хорошо смотрелся и без флеша. Это же не спроста.
              Технология замены шрифта картинкой - никогда автоматика не даст результат лучше, чем талантивый дизайнер. Опять же если жабаскрипт отключен: до свидания, дорогой посетитель.

              Даже если браузеры будут нормально грузить шрифты, в них всегда будет иметься настройка "Отключить автоматическую подкачку шрифтов".

              Про сильверлайт я просто скромно умолчу.
                0
                В принципе Вы правы, в чем-то нет, но я думаю, что @font-face даст новые возможности хорошим дизайнерам.
                А про сильверлайт молчат все :)
                  0
                  @font-face даст хорошим дизайнерам легкость и скорость разработки, а возможности у них всегда были ;)
                0
                Только не пойму, кому нафиг нужна эта технология внедрения загогулечных шрифтов на сайтах?

                То двигаемся в сторону usability, accessibility и simplicity, то вообще в обратную.
                  0
                  А чем внедрение стороннего шрифта может повлять в худшую сторону на usability, accessibility и simplicity? :)
                    +1
                    Внедрение шрифтов, как и жабаскрипт, как и атомная бомба ничего плохого из себя не представляет. Но в кривых руках, коих в инете с каждым днем все больше, и палка стреляет.
                      0
                      Да, не спорю в кривых руках это будет не очень. Но что из-за них теперь усложнить все до ужаса? Чтобы только после 5и лет практики и ковыряния мануалов что-то получалось? :) Может я и утрирую но сама по себе технология не может ухудшить или улучшить что-либо. Только ее применение.
                        0
                        :) мы с вами говорим одно и то же
                  0
                  FF 3.0b5 на Ubuntu 8.04

                  Warning: Unrecognized at-rule or error parsing at-rule '@font-face'.
                  Source File: http://www.princexml.com/fonts/steffmann…
                  Line: 732

                  :( к сожалению

                  Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                  Самое читаемое