@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;
          }
            +3
            text-decoration: blink =)
              +1
              да, это чудо!
          • НЛО прилетело и опубликовало эту надпись здесь
              +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');?

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

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