КомпьюАрт

9 - 2002

Шрифты и Интернет-технологии

Embedding Fonts

Внедрение шрифтов (вопросы и ответы)

The Web Embedding Fonts Tool (WEFT)

   Шаг 1. Создайте Web-страницу

   Шаг 2. WEFT и ваша Web-страница

   Шаг 3. Анализ Web-страниц

   Шаг 4. Выберите шрифты

   Шаг 5. Установите местонахождение шрифта

   Шаг 6. Укажите адрес, где ваш шрифт может работать

   Шаг 7. Создайте шрифт

   Шаг 8. Скорректируйте HTML-документ

   Шаг 9. Сохраните проект

   Шаг 10. Протестируйте свою страницу

TrueDoc

   Шаг 1. Создайте Web-страницу

   Шаг 2. Выберите шрифты

   Шаг 3. Выберите набор символов

   Шаг 4. Задайте URL для создаваемого файла

   Шаг 5. Дайте имя

   Шаг 6. Обновите свой HTML-документ

   Шаг 7. Протестируйте свою страницу

TrueDoc и IE

Заключительное слово

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

В реальном мире мы то и дело сталкиваемся с множеством разнообразных шрифтов, которые сопровождают нас повсюду — от обложек журналов до оформления пачек сигарет. А как обстоит дело со шрифтовым оформлением в Интернете? Как-то так сложилось, что еще совсем недавно на всех Web-страницах преобладали Times и Arial. Сейчас эта монотонность слегка разбавлена шрифтами Verdana и Georgia, которые, несомненно, красивы, но все же в целом ситуацию не меняют. Такое положение вещей обусловлено теми технологиями, которые используются при разработке Web-страниц.

Казалось бы, чего проще: внеси имя файла в тэге <FONT FACE=“xyz“> и страница с текстом немедленно преобразится. Но не все так легко. С помощью описанного приема пользователю, скорее всего, текста увидеть не удастся. Причина очень простая — отсутствие шрифта на компьютере пользователя. Результат появится или в виде стандартных шрифтов, на которые настроен браузер пользователя, или в виде всем знакомых закорючек.

Так что же, получаетсся, выхода нет?

Чтобы ответить на этот вопрос, я расскажу вам о двух существующих сегодня и конкурирующих между собой технологиях внедрения шрифтов в Web-страницы. Называются эти технологии Embedded OpenType и TrueDoc.

Давайте шаг за шагом рассмотрим обе технологии и попытаемся ответить на главный вопрос этой публикации.

Embedding Fonts

Netscape и Microsoft обладают собственными технологиями внедрения шрифтов, причем абсолютно разными, несовместимыми по определению. Печально, но факт.

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

  • PostScript Type 1 — один из старейших, испытанных форматов от Adobe;
  • TrueType — первоначально был разработан Apple и в настоящее время используется под операционными системами Mac и PC;
  • OpenType — созданный Microsoft и Adobe новый формат, который объединяет в себе лучшие черты Type 1 и TrueType.

Внедрять шрифты в форматах Type 1, TrueType и OpenType без дополнительных усилий невозможно. Для начала шрифт надо конвертировать в один из следующих форматов:

  • Embedded OpenType (файлы .eot) — разработка Microsoft;
  • TrueDoc (файлы .pfr) — разработка Netscape и Bitstream.

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

Как видно из табл. 1, преимущество TrueType-шрифтов заключается в том, что они конвертируются как в Embedded OpenType-, так и в TrueDoc-форматы. TrueDoc-формат, в свою очередь, с некоторыми оговорками, поддерживается обоими основными браузерами.

Но прежде чем перейти к подробному рассмотрению возможностей применения обоих форматов, ответим на некоторые наиболее часто задаваемые вопросы (FAQ).

В начало В начало

Внедрение шрифтов (вопросы и ответы)

—Любой ли шрифт может быть внедрен в Web-страницы?

—Нет. Инструменты для конвертирования позволяют вам внедрять только те шрифты, которые были разрешены их авторами еще при создании. Многие шрифты имеют такое разрешение, хотя и не все.

—Внедренный шрифт действительно установится в системе пользователя?

—Нет. Внедренный шрифт просто временно используется браузером и удаляется после того, как пользователь перейдет на другую страницу. Пользователь не может использовать этот шрифт для чего-нибудь еще. (Есть, правда, некоторые нарекания в смысле безопасности по формату Embedded OpenType, но об этом мы расскажем позже.)

—Могут ли другие авторы Web-страниц использовать мои шрифты для внедрения на свои страницы?

—Нет. Когда вы внедряете шрифт в свои страницы, вы можете определить точный Web-адрес страниц, на которых будет работать этот шрифт. В этом случае на других страницах он работать не будет.

—Внедренные шрифты используют режим сглаживания (антиалиазинг, antialiased)?

—Да. Используется режим сглаживания (рис. 1 и 2). В Windows 98 и NT режим сглаживания включается на панели управления Display Properties. Пользователям Windows 95 для этого необходимо предварительно скачать и установить Font Smoother (http://www.microsoft.com/typography/grayscal/smoother.htm).

—Внедренные шрифты кэшируются подобно изображениям?

—Да. После загрузки внедренный шрифтовой файл может использоваться каждый раз, когда будет загружена данная страница/страницы. Таким образом, его не требуется загружать с каждой новой страницей.

Вы уже готовы использовать внедренные шрифты?

Тогда вперед!

В начало В начало

The Web Embedding Fonts Tool (WEFT)

Есть только один инструмент для создания, или, если сказать точнее, конвертирования шрифтов в формат Embedded OpenType, — это бесплатная утилита WEFT (Web Embedding Fonts Tool — http://www.microsoft.com/typography/web/embedding/weft2/default.htm) компании Microsoft.

К сожалению, утилита работает только в Windows, поэтому разработчикам на Mac придется поискать PC, чтобы конвертировать шрифты в формат Embedded OpenType. Установить WEFT совсем просто. Сначала вы запускаете процесс установки, WEFT создает собственную базу тех шрифтов, которые находятся на вашей машине, — и вы уже можете создавать с его помощью красивые Web-страницы (рис. 3).

Шаг 1. Создайте Web-страницу

Создайте свою HTML-страницу, где предполагается использование внедренного шрифта. Как обычно, вы можете указать используемый шрифт двумя способами: традиционным (спецификация HTML) — тэгами <FONT FACE=“xyz“>, например, так:

<FONT FACE=“Baltica“>Ваш текст</FONT>

или путем определения свойств font-family в cascading stylesheets (CSS). Например, в файле test.css вы пишите:

P {font-family: „Baltica“;}

Тогда после тэга <HEAD> должна быть строка:

<LINK REL=stylesheet HREF=“test.css“ TYPE=“text/css“>

В соответствии с этим определением шрифт Baltica должен использоваться с любым текстом, отмеченным тэгами <P> на всей Web-странице.

В начало В начало

Шаг 2. WEFT и ваша Web-страница

WEFT запускается в режиме Wizard и проводит вас по всем этапам создания шрифта для использования на вашей Web-странице. Сначала вам понадобится ввести свое имя и адрес E-mail (рис. 4).

Далее WEFT потребует от вас указать URL той страницы, которую вы только что создали. Для тестирования на локальной машине вы должны выбрать file://, нажать на кнопку «...» и отыскать файл Web-страницы на своем компьютере (рис. 5).

Далее нажмите кнопку Add, чтобы добавить страницу, которую вы только что нашли, и WEFT уже будет знать, где вы хотите вставлять шрифты. WEFT будет автоматически отслеживать все прилинкованные страницы и добавлять их в список для использования выбранного вами шрифта. Список добавленных страниц будет отображаться в окошке программы. Если вы не хотите, чтобы все эти страницы добавлялись в список автоматически, отметьте пункт Do not add linked pages (рис. 6).

И наоборот, если есть дополнительные страницы, которые вы хотели бы добавить в список, а WEFT не обнаружил их в автоматическом режиме, то вы всегда можете сделать это вручную. Нажмите клавишу Next для того, чтобы продолжить.

В начало В начало

Шаг 3. Анализ Web-страниц

Далее WEFT просканирует все страницы, которые вы указали. Он использует Internet Explorer для того, чтобы найти все шрифты, которые вы хотите использовать на Web-странице. Нажмите кнопку «Analyze Pages!», чтобы начать сканирование (рис. 7).

В зависимости от количества Web-страниц и шрифтов анализ может занять от нескольких секунд до нескольких минут.

В начало В начало

Шаг 4. Выберите шрифты

После завершения анализа на экране появится список всех шрифтов, использованных на ваших страницах (рис. 8).

Около имени каждого шрифта появится иконка, показывающая, может ли данный шрифт быть внедрен в Web-страницу. Зеленый кружок с галочкой посередине показывает, что шрифт юридически чист (то есть автор шрифта разрешает внедрение шрифта в документы) и может быть внедрен в определенные вами страницы. Красный кружок с крестиком посередине говорит о том, что шрифт не может использоваться по юридическим или техническим причинам. Желтый кружок с вопросительным знаком посередине — шрифт может корректно использоваться только в среде Windows и не рекомендуется для внедрения в документ.

В колонке Info можно увидеть краткие комментарии. В колонке Embed сообщается о том, внедрен данный шрифт или нет. Наконец, в колонке Chars показывается, сколько символов из того или иного шрифта было использовано на вашей странице/страницах).

Если вы вдруг забыли, как выглядит выбранный вами шрифт, щелкните на кнопке Details.

В данном примере шрифты Arial и Times New Roman используются в Windows по умолчанию, поэтому прибегать к ним не рекомендуется. Чтобы убрать их из списка, отметьте их и поочередно нажмите Don’t Embed. Если же вы, напротив, хотите добавить какой-либо шрифт, которого еще нет в списке, щелкните по кнопке Add.

Вам также надо выбрать набор знаков, который необходимо внедрить на Web-страницу. По умолчанию WEFT вставляет только те символы, которые использованы на вашей странице, а не целый шрифт. Логика простая: чем короче набор знаков, тем меньше будет весить шрифтовой файл, внедряемый в страницу. Если вы хотите внести изменения, войдите в открывающееся меню Subseting, в котором вы увидите следующие пункты:

  • Per-page subsetting — WEFT создает уникальный шрифтовой файл с набором только тех символов, которые использованы на данной конкретной странице;
  • Per-site subsetting — WEFT создает шрифтовой файл, содержащий символы, которые использованы на всех страницах сайта;
  • Family-based subsetting (по умолчанию) — похоже на режим per-site subsetting, но шрифт создается для каждого семейства шрифтов;
  • Union subsetting — шрифт содержит все символы, использованные на странице, независимо от семейства;
  • Raw subsetting — напоминает режим union subsetting, но здесь включаются также «невидимые» символы, то есть использованные в скриптах или в комментариях;
  • Language subsetting — возможность выбора набора знаков на основе конкретно выбранного языка;
  • No subsetting — без выбора, то есть в шрифт будут вставлены все существующие для этого шрифта символы. Это означает, что файлы шрифта будут очень большими!

То, какие установки вы выберете в subsetting option, повлияет на все шрифты, которые вы внедряете в страницу/страницы. Но есть возможность сделать установки для каждого отдельного шрифта. Для этого вы должны выделить какой-либо конкретный шрифт и нажать внизу кнопку Subset... Внесите изменения и нажмите на кнопку OK (рис. 9).

Отлично: необходимые настройки произведены. Теперь создадим шрифтовой файл.

В начало В начало

Шаг 5. Установите местонахождение шрифта

Следующее диалоговое окно позволит вам установить место, определенное для шрифта. WEFT поддерживает работу с протоколом FTP, так что вы можете сохранить получившийся шрифт непосредственно на свой сервер. Для локального тестирования можно выбрать в меню установку file:// и нажать на кнопку «...» (рис. 10). Если вы отметите чекбокс Show CSS @font-family declarations, WEFT отобразит код, который вам следует вставить в файл стилей.

В начало В начало

Шаг 6. Укажите адрес, где ваш шрифт может работать

Если вы не хотите, чтобы авторы других Web-страниц использовали ваши шрифты, то в данном диалоговом окне вы можете определить только те адреса, где шрифт будет работать. WEFT предложит вам сохранить шрифт в каталог на жестком диске, но вы должны также указать адрес каталога на есервере. Нажмите кнопку Mirror Sites ... и внесите необходимые данные (рис. 11).

Введите URL вашего сервера. Можете указать как адрес конкретной директории, так и общий — всего сайта (в этом случае шрифт будет работать во всех страницах сервера).

В начало В начало

Шаг 7. Создайте шрифт

Теперь щелкните кнопку Create Fonts. После того как процесс создания будет закончен, загляните в соответствующую директорию, где можно обнаружить новый файл, например, с именем TEMPUSS0.eot. Это и есть созданный шрифтовой файл в формате Embedded OpenType. В нашем случае это всего 12 Кбайт.

В начало В начало

Шаг 8. Скорректируйте HTML-документ

Как мы упоминали выше, WEFT даст вам код CSS, который необходимо вставить в свою страницу.

В диалоговом окне Publish Web Pages, показанном на рис. 12, надо сделать всего один щелчок, чтобы скорректировать Web-страницу/страницы) тем кодом, при помощи которого вставляются созданные шрифты.

Не забудьте проверить корректность кода в вашем HTML-файле: при необходимости удалите лишние “file:///C|/.../“ в коде CSS. Укажите относительный путь типа:

src: url(fonts/TEMPUSS0.eot);

Убедитесь, что .eot-файл на самом деле находится в нужной вам директории.

В начало В начало

Шаг 9. Сохраните проект

Сохраните свой проект через меню File/Save.

Шаг 10. Протестируйте свою страницу

Имейте в виду, что не все смогут увидеть ваш внедренный шрифт — только пользователи Internet Explorer 4.0 и выше. Загрузите свои Web-страницы (и .eot-шрифты) на сервер и просмотрите их в своем браузере (рис. 13).

К слову сказать, вы вовсе не обязаны использовать режим Wizard для создания в WEFT внедряемых шрифтов. Все можно сделать и вручную — просто Wizard облегчает этот процесс.

Положительный момент при использовании ручного режима состоит в том, что вы можете просмотреть все шрифты, которые находятся в вашем распоряжении (рис. 14).

Embedded OpenType: послесловие.

Как мы уже говорили ранее, Embedded OpenType работает только с Internet Explorer версий 4.0 и выше. И это самый весомый аргумент против использования шрифтов в данном формате.

Многие высказываются против этого формата из соображений безопасности в связи с нарушением авторских прав. Некоторые разработчики смогли загрузить .eot-файлы с сервера разработчиков, сделать обратную конвертацию и установить на свои компьютеры. Хотя априори предполагается, что это невозможно.

К сожалению, шрифты Type 1 нельзя преобразовать в Embedded OpenType. Это один из наиболее распространенных форматов, и очень много шрифтов, представленных в данном формате, остаются невостребованными разработчиками Web-страниц, использующих .eot-шрифты.

Пользователи Embedded OpenType-шрифтов вынуждены ждать загрузки внедренных шрифтов, их обработки и отображения. Есть, правда, некий обходной путь: http://www.microsoft.com/typography/web/embedding/demos/4/about4.htm.

Зато, если не обращать внимания на подобные мелочи, можно порадоваться хорошему качеству отображения внедренных .eot-шрифтов, — ведь Embedded OpenType сохраняет все метрические данные оригинала (включая хинтинг).

В начало В начало

TrueDoc

Теперь предлагаю вам рассмотреть другой формат шрифтов — TrueDoc. Рассмотрим, как создавать шрифты TrueDoc и внедрять их в Web-страницы таким образом, чтобы остались довольны пользователи не только Internet Explorer, но и Netscape Navigator.

Технология TrueDoc, разработанная Netscape и Bitstream, представляет собой инструмент для формирования символов, записи в формат .pfr (portable font resource) и внедрения в HTML-документ. На приемной стороне (браузер пользователя) специальный плеер считывает служебную информацию и формирует символы шрифта. Таким образом, в отличие от Embedded OpenType на сторону пользователя пересылается не сам шрифт как таковой, а лишь информация о его параметрах, необходимая для построения символов.

Схожая черта технологии TrueDoc с Embedded OpenType — возможность указать специфический URL, где допустима работа .pfr-файла, для того чтобы вашу разработку не могли использовать сторонние авторы.

Главные преимущества TrueDoc над Embedded OpenType — высокая безопасность в плане авторских прав, поскольку внедряется не шрифтовой файл; возможность просмотра текстов с TrueDoc в обоих основных браузерах; возможность использовать шрифты формата Type 1, а не только TrueType; теоретическая возможность встраивать в .pfr-файл более одного шрифта и тем самым уменьшить количество обращений к серверу; прогрессивная загрузка (сначала показывается текст, отображаемый стандартными шрифтами, а затем по мере загрузки производится замена их на внедренные шрифты); кросс-платформенность (в том смысле, что существуют инструменты для создания .pfr-файлов для Windows- и Mac-платформ).

К самым значительным недостаткам следует отнести гораздо худшее качество отображения символов на экране, чем в случае использования Embedded OpenType, так как технология TrueDoc ничего «не знает» о хинтировании.

Создание шрифтов TrueDoc с помощью WebFont Maker

Для начала вам потребуются инструменты. Выбор следующий:

Мы решили остановиться на WebFont Maker, но если вы выберите HexWeb Typograph, то ничего страшного — процесс создания шрифтов у них практически идентичный.

В начало В начало

Шаг 1. Создайте Web-страницу

Как и в случае с Embedded OpenType, используя TrueDoc для внедрения шрифтов, проделайте следующие действия. Создайте свою HTML-страницу, где предполагается использование внедренного шрифта. Как обычно, вы можете указать используемый шрифт двумя способами: традиционным (спецификация HTML) — тэгами <FONT FACE=“xyz“>, например, так:

<FONT FACE=“Baltica“>Ваш текст</FONT>

или определением свойств font-family в cascading stylesheets (CSS). Например, в файле test.css вы пишите:

P {font-family: “Baltica“;}

Тогда после тэга <HEAD> должна быть строка:

<LINK REL=stylesheet HREF=“test.css“ TYPE=“text/css“>

В соответствии с этим определением шрифт Baltica должен использоваться с любым текстом, отмеченным тэгами <P> на всей Web-странице.

Переходим к использованию WebFont Maker.

В начало В начало

Шаг 2. Выберите шрифты

WebFont Maker в режиме Wizard проведет вас по всем этапам создания шрифтового файла в формате TrueDoc. После старта программы первое диалоговое окно сообщит вам о необходимости выбора шрифтов для внедрения на Web-страницу (рис. 15).

Если вам необходимо использовать для того или иного шрифта полужирное, курсивное и прочие начертания, то процесс создания .pfr-файла вам придется повторить для каждого начертания отдельно.

В начало В начало

Шаг 3. Выберите набор символов

Теперь, когда вы выбрали шрифт, необходимо определиться с тем, какие символы вы хотите в него включить (рис. 16).

Как видно на рисунке, у вас есть выбор из трех пунктов:

  • Standard — для русскоязычных текстов этот выбор неприемлем, так как вставляются только 94 символа от A до Z (и соответственно от a до z), от 0 до 9 плюс знаки общей пунктуации;
  • Complete — полностью весь набор знаков. В зависимости от того, какой скрипт вы выбираете (Western, Cyrillic etc.), в результирующий файл будут включены либо знаки кириллицы, либо дополнительные знаки, например диакритика из расширенного состава латиницы. Надо заметить, что, выбирая этот пункт, в итоге вы получаете шрифтовые файлы довольно больших размеров;
  • Custom — используя эту опцию, вы должны будете самостоятельно определить состав необходимых вам знаков. А теперь плохая новость: в отличие от WEFT, WebFont Maker не умеет анализировать Web-страницу, чтобы выяснить, какие именно символы были там использованы. Вам придется сделать это вручную. Для этого выберите данный пункт и щелкните по кнопке Specify Characters ...

Для определения нужных вам символов придется проанализировать текст и составить список используемых символов. По секрету сообщу способ «для умных и ленивых»: вы копируете текст со своей Web-страницы и потом вставляете его из буфера прямо в окно ввода символов программы WebFont Maker (рис. 17), после чего нажимаете на кнопку OK.

В начало В начало

Шаг 4. Задайте URL для создаваемого файла

Вы ведь не хотите, чтобы кто-то воспользовался плодами ваших трудов? В следующем диалоговом окне вам предоставляется возможность определить адрес конкретного каталога на сервере или целиком адрес сервера, на котором данный файл шрифта может работать. Наберите адрес начиная с http:// (рис. 18).

Локальный адрес на жестком диске вводить не надо, так как Web-страница с внедренным TrueDoc-шрифтом будет работать локально в любом случае. (Если вы создали TrueDoc-шрифты на РС, то увидеть их можно будет только в Navigator 4.5 или выше.)

В начало В начало

Шаг 5. Дайте имя

Ну вот, мы наконец-то добрались до последнего этапа. Присвойте полученному шрифтовому файлу какое-нибудь приемлемое имя. Не забудьте вписать расширение — .pfr, иначе шрифт не будет работать (рис. 19).

Сохраните файл в папку со своим проектом и нажмите на кнопку Finish. Вы увидите сообщение, которое подтвердит, что файл был успешно создан. Но это еще не все.

В начало В начало

Шаг 6. Обновите свой HTML-документ

Создавая новый шрифтовой TrueDoc-файл, WebFont Maker записывает рядом с ним файл ReadMe. В нем (на английском языке, естественно) записана подробная информация по модификации вашего HTML-документа для адекватного отображения только что созданного шрифта. Обратите внимание, соответствует ли имя шрифта в ReadMe-файле указанному в теле Web-страницы. Скопируйте в ReadMe-файле и вставьте в тело Web-страницы корректный код. Приблизительно он будет выглядеть так:

<LINK REL=fontdef SRC=“tempus.pfr“>
<SCRIPT SRC=“http://www.bitstream.com/wfplayer/tdserver.js“ TYPE=“text/javascript“></SCRIPT>
<LINK>

Путь до .pfr-файла может указываться как абсолютный, так и относительный. JavaScript, указанный во второй строке, требуется для нормальной работы TrueDoc в среде Internet Explorer (for Windows). Скрипт загружает WebFont Player ActiveX с сервера Bitstream. В принципе, его можно установить и самостоятельно. Для этого скачайте плеер по адресу: http://www.bitstream.com/webfont/support/host_wfplayer.html.

В начало В начало

Шаг 7. Протестируйте свою страницу

По идее, ваш шрифт должен быть виден в Netscape Navigator (Windows и Mac) и в Internet Explorer (Windows) (рис. 20). Но для корректного тестирования надо временно удалить подобный файл шрифта из своей системы, и лишь по окончании тестирования можно установить его обратно.

Теперь вы можете загрузить свои HTML-документы (и .pfr-файлы) на сервер. убедитесь, что .pfr-файлы передаются в двоичном (бинарном) формате (не ASCII!) на сервер. Что еще потребуется сделать самостоятельно или через администратора, так это прописать в конфигах сервера тип файла PFR MIME type примерно в следующем виде: application/font-tdpfr.

В начало В начало

TrueDoc и IE

Как мы уже упоминали раньше, Navigator 4.03 и выше (Windows и Mac) нормально работают с TrueDoc, то есть без лишних усилий, а вот для Internet Explorer требуется предварительно установить WebFont Player.

Bitstream предусмотрел установку такого плеера в виде элемента ActiveX. Когда пользователи IE 4 и выше (Windows) заходят на страницу, содержащую внедренные шрифты TrueDoc, то перед ними появляется диалоговое окно, предлагающее установку соответствующего плеера (рис. 21).

Там приведено много загадочной информации, но если пользователь соглашается и продолжает установку плеера, то к нему на компьютер будет закачан и автоматически установлен WebFont Player около 60 Кбайт. Сразу же после установки пользователь может увидеть текст, набранный созданным им шрифтом (рис. 22).

Неутешительные новости: ActiveX WebFont Player доступен только для пользователей IE for Windows. Пользователи Macintosh IE не смогут увидеть Web-страниц с внедренными TrueDoc-шрифтами. И с этим пока ничего не поделать.

В начало В начало

Заключительное слово

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

Однако пользоваться обеими представленными технологиями можно. Вот пример кода для Web-страницы, соответствующий интересам большинства пользователей:

<LINK REL=fontdef SRC=“tempus.pfr“>
<LINK>
<STYLE TYPE=“text/css“>
<!—
@font-face {
font-family: ‘Tempus Sans ITC’;
font-style: normal;
font-weight: normal;
src: url(TEMPUSS0.eot);
}
-->
</STYLE> 

Первые строки предназначены для загрузки TrueDoc, а последние — соответственно для Embedded OpenType.

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

КомпьюАрт 9'2002

Выбор номера:

Популярные статьи

Удаление эффекта красных глаз в Adobe Photoshop

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

Мировая реклама: правила хорошего тона. Вокруг цвета

В первой статье цикла «Мировая реклама: правила хорошего тона» речь шла об основных принципах композиционного построения рекламного сообщения. На сей раз хотелось бы затронуть не менее важный вопрос: использование цвета в рекламном производстве

CorelDRAW: размещение текста вдоль кривой

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

Нормативные требования к этикеткам

Этикетка — это преимущественно печатная продукция, содержащая текстовую или графическую информацию и выполненная в виде наклейки или бирки на любой продукт производства