Спираль истории: @font-face

Когда на земле было всего два браузера — IE и Netscape Navigator, они оба поддерживали разные виды внедряемых шрифтов. IE поддерживал своё, но бесплатное решение, Netscape использовал платное решение от BitStream. В те времена вебмастера интересовались возможностями браузеров ещё меньше, чем сейчас и этой возможностью мало кто пользовался.

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

Суть технологии очень проста: шрифт подключается как любой внешний ресурс (другие примеры — графика, CSS, JS) и им можно писать что-то на странице. Netscape помер, а решение Microsoft всё-таки вошло в CSS, хотя и в изменённом виде.

На данный момент, оказывается, во всех браузерах, включая альтернативный, на какой-то стадии есть поддержка внедрения шрифтов (@font-face):

  • у Internet Explorer есть наиболее удачная из всего зоопарка разработка — поддержка шрифтов в формате EOT
  • у Opera эта поддержка есть в лабораторном билде, значит появится и в самом браузере (поддерживается TTF)
  • Safari (WebKit) поддерживает эту технологию ещё с октября прошлого года
  • у FireFox, вероятно, поддержка появится в версии 3.1, по крайней мере сейчас существуют сборки, в которых она уже есть
    Хочу сразу сказать почему я считаю, что у IE наиболее удачное решение: разработчик может указать какие именно знаки оставить в шрифте, что даёт огромную экономию по размеру. Другие же браузеры поддерживают шрифты в форматах TrueTypeFont и OpenType. Легко представить к чему это приведёт: подключать будут гигантские Unicode-шрифты, содержащие всё что только возможно, вплоть до вымерших алфавитов.
Поделиться
Отправить
17 комментариев
romik-g.livejournal.com 2008

А нельзя ли использовать примерно такую технологию:
Клиент получает от сервера текст и название шрифта, а также имя сервера, который может отрендерить текст с таким шрифтом. Клиент отдает текст серверу шрифтов, тот возвращает отрендеренный текст в виде чего-нибудь... вектора например.

0range (0range.ru) 2008

Хммм мда шрифты действительно прилично весят
Мне вот интересно для мака и для винды надо буит подключать отдельные шрифты? :/ или есть какой то определенный стандарт
+ в лисе это включать в 3.1 версии которая выйдет в декабре + примерно полгода подождать пока большинство обновит браузер
а вот когда релиз оперы я хз + оперщики не любят обновлятся
9.5 уже давно зарелизилась, а больше половины оперщиков все еще на 9.2 сидят
так что имхо еще как минимум год придется ждать пока мона буит внедрить эту технологию, и там тоже похоже будут свои изь*бы

Евгений Степанищев (bolknote.ru) 2008

Комментарий для romik-g.livejournal.com:

Это обычный веб-сервис, его может сделать любой.

Евгений Степанищев (bolknote.ru) 2008

Комментарий для 0range.ru:

пока схема такая: для IE — EOT, для Opera/FF/Safari — TTF.

gr1b0k.livejournal.com 2008

вы людей то так не запугивайте))
шрифт аргус весит 32кб
http://store.artlebedev.ru/type/agrus/

конечно дурно-дизайнеры будут использовать что попало, так же как и background-color:red;color:green;

0range (0range.ru) 2008

Комментарий для Евгения Степанищева:

получается кроссплатформенно и кроссбраузерно вроде :) эт хорошо
уря смерть сифру и заголовкам в виде картинок :)))

Евгений Степанищев (bolknote.ru) 2008

Комментарий для gr1b0k.livejournal.com:

Читаем внимательно что я написал:«легко представить к чему это приведёт: подключать будут гигантские Unicode-шрифты, содержащие всё что только возможно, вплоть до вымерших алфавитов»

Евгений Степанищев (bolknote.ru) 2008

Комментарий для 0range.ru:

Было бы неплохо, да.

voldmar (voldmar.ya.ru) 2008

А возможно, что появится инструментарий, делающий .ttf только с нужными страницами.

Евгений Степанищев (bolknote.ru) 2008

Комментарий для voldmar.ya.ru:

Может быть, да, а многие ли будут им пользоваться? Утилиты для оптимизации PNG, JPEG, GIF есть уже сто лет. Многие ли ими пользуются?

voldmar (voldmar.ya.ru) 2008

Комментарий для Евгения Степанищева:

Но JS и CSS сжимают же?

think-alike.livejournal.com 2008

А пока что пользуемся sIFR :)

http://wiki.novemberborn.net/sifr3 или  http://www.mikeindustries.com/blog/sifr/

miripiruni.org 2008

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

Евгений Степанищев (bolknote.ru) 2008

Комментарий для voldmar.ya.ru:

Кто-то сжимает, кто-то нет.

Евгений Степанищев (bolknote.ru) 2008

Комментарий для miripiruni.org:

Умники — да. Только мало их, умников.

Евгений Степанищев (bolknote.ru) 2008

Комментарий для think-alike.livejournal.com:

Буквы через Flash? А что с мобильными устройствами?

think-alike.livejournal.com 2008

Комментарий для Евгения Степанищева:

Мобильные устройства видят обычные h1-h2, стилизованные чем-нибудь более стандартным.

Популярное