@font-face в Firefox

    Сотрудник Mozilla, Джон Даггет подготовил сборку Firefox’а с поддержкой @font-face из спецификации CSS3 (часть «web font»). На данный момент она доступна только для Windows и Mac — для Linux пока нет. Есть нюансы которые описаны в комментарие на баг 70132, один из которых заключается в том, что по умолчанию скачиваются лишь те шрифты, что располагаются на просматриваемом сайте (домене), что бы исправить это нужно оключить опицию gfx.downloadable_fonts.same-site-origin.enabled на странице about:config.

    Для тех, кто не знает эта вещь из CSS позволяет разработчику задавать на сайте тот шрифт, который ему нужен (пользовательский браузер должен загрузить указанный шрифт). Например следующий код

    @font-face {
    font-family: Delicious;
    src: url('Delicious-Roman.otf');
    }

    @font-face {
    font-family: Delicious;
    font-weight: bold;
    src: url('Delicious-Bold.otf');
    }
    h3 { font-family: Delicious, sans-serif; }

    должен заставить отображать заголовки сайта (h3) вот таким образом



    @font-face поддерживается Safari 3.1+, IE5 (но только проприетарны формат *.eot, который не будет поддерживаться в других браузерах). Кроме этого реализация использования этого чуда вот-вот будет в Firefox и Opera. Тест на поддержку @font-face, кстати, есть в Acid3

    via css3.info
    Поделиться публикацией
    Похожие публикации
    Ой, у вас баннер убежал!

    Ну. И что?
    Реклама
    Комментарии 28
    • +2
      Развиваемся!
      P.S. Интересно, сколько баллов добавится Firefox'у на Acid3?
    • 0
      А в какой версии эти изменения будут уже внесены в релиз?
      • +1
        у них есть страница, на которой описаны все предстоящие изменения.
        и там написано, что в 3.1 будет и TraceMonkey, и @font-face )
      • +6
        Путь этот опасный очень. Неумелому дизайнеру лишние возможности испортить сайт дает он.
        • +11
          весь css даёт такую возможность

          a {
          background-color: red;
          color: green;
          }
        • НЛО прилетело и опубликовало эту надпись здесь
          • +2
            Я думаю, существует миллионы способов испортить дизайн сайта=) Плюс минус один способ — ничего не решит =)
            • НЛО прилетело и опубликовало эту надпись здесь
              • 0
                Все смотрят Звезные Войны по ТНТ? ;)
                • +3
                  Войны Звездные задолго появились до ТНТ, о юный падаван
            • +2
              Будем надеяться в 3.1 будет
              • 0
                А как насчет скачивания проприетарных шрифтов? Помнится, шрифт tahoma в линуксе не используется даже после установки пакета шрифтов от MS. Именно из-за авторских прав. Наверное поэтому в линуксовом фф и нет данной фичи.
                • 0
                  «Tahoma» из-за лицензии не поставляется. Никто не мешает забрать этот шрифт из своей копии винды (лицензионной, хе хе).
                  А что касается использования этого шрифта на сайте через @font-face — думаю проблемы с лицензией — это на совести дизайнера, а не пользователя :)
                  • 0
                    Любая серьёзная контора будет вынуждена покупать шрифт для использования в супер-дизайне своего сайта. Иначе вполне могут засудить.
                    • 0
                      кое-кто пытается заставить альтернативные браузеры поддерживать шрифты с DRM (прочитал тут), причём включить требование в спецификацию, что создаст прецедент — «открытые стандарты указывают требование к поддержке проприетарного формата»
                • 0
                  IE5 (пять)?
                  • 0
                    я тоже удивился когда читал.

                    Кстати, последнего абзаца вообще нет на css3.info
                    • +2
                      я вас обоих удивлю сейчас

                      «Internet Explorer 4 and above have supported font embedding through the proprietary Embedded Open Type standard. EOT fonts are embedded with the @font-face CSS rule. They use digital rights management techniques to help prevent fonts from being copied and used without a license.»

                      en.wikipedia.org/wiki/@font-face
                  • 0
                    Возможность использования любых шрифтов — это действительно полезнейшая штука! Будем ждать реализации в основных браузерах :).
                    • –2
                      Тут есть одна маленькая проблемка, о которой все забыли. А точнее группа проблем. Называется эта проблема hinging — это как бы подрисовка пикселей для идеального показа текста особо малого размера. Так вот, проблема тут что браузеры (за исключением, возможно, IE) к этой вещи вообще невосприимчивы. Они знают что такое ClearType, но не более того. Тем самым, презетновав свой красивый шрифт, нет гарантии что он будет хорошо отрисован. Впрочем, к счастью, этот аспект гарнитуры можно протестировать «в домашних условиях».
                      • 0
                        hinting, сорри :)
                        • +1
                          Отрисовкой шрифтов всё равно занимается система, так что не вижу никаких проблем.
                          Думаю, что остутствие Linux-версии фичи связана как раз со сложностью скормить системе отрисовки шрифтов новый шрифт.
                        • –2
                          Вопрос: а если user «сидит» под обычным пользователем (в Windows) без прав администратора, ему система «позволит» устанивить этот новый шрифт?
                          • 0
                            извините, похоже я не в теме, но…
                            как насчёт font-family:url('www.domain.ru/font.ttf');?

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

                          Самое читаемое
                          Интересные публикации