Во время работы на платформе Mac или Windows PC, вы постоянно используете шрифты. Начиная с графических дизайнеров, в чьих коллекциях насчитывается сотни, а то и тысячи шрифтов, и, заканчивая обычными пользователями, имеющими дело только со стандартным набором шрифтов операционной системы и приложений, все они их постоянно используют при создании документов, чтении материалов в Интернет и управлении интерфейсом пользователя. Понимание того, как отличаются основные форматы файлов шрифтов, поможет вам более широко их использовать и воспользоваться всем диапазоном типографских гарнитур.
Файлы формата TTF относятся к основному набору шрифтов Windows TrueType. С появлением последних версий Mac OS X, этот одноплатформенный формат шрифта стал общим и теперь присутствует на обеих доминирующих в мире операционных системах. Компания Apple немного видоизменила формат TrueType, подготовив его для замены устаревших растровых гарнитур на более гибкий стандарт и успешно ввела их в состав новой ОС.
Стандарт TrueType предусматривает использование единственного файла для описания шрифта, который содержит всю необходимую информацию для рендеринга (отрисовки) шрифта на экране дисплея и при его печати. Для сравнения с TrueType, скажем, что некоторые устаревшие типографические шрифты, такие как PostScript Type 1 (разработанный Adobe Systems), имеют намного более сложную и емкую для обработки компьютером конструкцию.
Стандарт OTF обозначает открытый тип шрифта (OpenType typeface) и основан на новейших технологиях построения шрифтов. Также как и TrueType, шрифты формата OpenType являются мультиплатформенными. Но, в отличие от предшественника, они позволяют поместить в одном файле сразу несколько стилей отображения и поддерживают набор символов на разных языках.
Более того, шрифты OpenType могут использовать разные стили гарнитур по выбору конкретных приложений, меняя их в зависимости от контекста. Этот новый стандарт дал в руки дизайнеров превосходную возможность конструирования шрифтов, похожих на рукописный стиль написания. В зависимости от конкретного шрифта OpenType, в основе его могут лежать алгоритмы построения кривых, взятые от TrueType или PostScript Type 1.
Стандарт DFONT (файлы с расширением DFONT) расшифровывается, как шрифт Datafork TrueType. Формат этого файла являлся стандартом для системных шрифтов операционной системы Mac OS X. Но, вместе с выходом ОС Mac OS X 10.6 Snow Leopard компания Apple заменила этот стандарт на коллекцию шрифтов TTC или TrueType Collection. Формат DFONT поддерживается исключительно под Mac OS X и обречен на «забвение», так как стать кроссплатформенным ему уже не суждено.
Другие форматы
Старые растровые шрифты имели существенные ограничения. Так, каждый из них мог использовать только три размера (высоты) в документах и для этого вам было необходимо прибегать к специальному приложению управления шрифтами. Эти ограничения были быстро отклонены графическим дизайнерами.
Шрифты формата PostScript Type 1 исключают подобный недостаток и прекрасно масштабируются при печати, но для этого принтер должен быть совместим с этим стандартом шрифта. Компания Adobe Systems, разработчик этого стандарта, впоследствии предложила использовать приложение Adobe Type Manager для снятия ограничений при выводе на печать.
Шрифты TrueType можно масштабировать до любого размера, при этом они всегда будут четкими и легкими для чтения. Их можно присылать на любой принтер или другое устройство вывода, который поддерживается Windows.
Шрифты OpenType связанные со шрифтами TrueType, но обычно используют широкий набор основных символов, в частности уменьшенные заглавные буквы, цифры старого стиля и дополнительные фигуры (например, глифы и лигатуры). Шрифты OpenType можно масштабировать до любых размеров, при этом они четкие и легко читаются. Их можно присылать на принтер или другое устройство вывода, который поддерживается Windows.
Шрифты PostScript детализированные и отличаются высокими графическими характеристиками. Они используются для печати, особенно для профессионального высококачественной печати книг и журналов.
Какой шрифт выбрать
Это зависит от многих факторов. Если нужен шрифт, который легко читается на экране и бумаге, лучше выбрать шрифт TrueType .
Если нужен большой набор символов для использования языковых меток и типографской печати, следует использовать шрифт OpenType .
Для публикаций с профессиональным (например, глянцевый журнал) или промышленной печати выбирайте PostScript.
Каждый веб-дизайнер мечтает о создании сайта с красивой типографикой. Но, к сожалению, браузеры поддерживают лишь несколько гарнитур, так называемых «безопасных для веб» шрифтов. В стандартный набор входят следующие шрифты: Arial , Verdana , Times , Georgia , Courier New и несколько других.
Гарнитура определяет набор из одного или более шрифтов, каждый из которых состоит из символов, имеющих общие конструктивные особенности — вес, стиль, дизайн, начертание, плотность, размер, например, шрифты без засечек (или гротески), шрифты с засечками (антиква). Гарнитура состоит из набора знаков (цифры, буквы, знаки пунктуации, специальные символы, также может состоять из неалфавитных символов).
Шрифт — это набор символов конкретного размера, веса и стиля. Например, шрифт Times New Roman стиль italic размера 16px — это один шрифт, а Times New Roman стиль italic размера 10px — это уже другой.
Правило @font-face позволяет подключать разнообразные пользовательские шрифты. Браузер загружает шрифты в кэш и использует их для оформления текста на странице. Такой подход называется встраиванием шрифтов , а встроенные шрифты - веб-шрифтами .
Правило @font-face нужно размещать перед всеми остальными правилами css, так как этот прием улучшит производительность страницы. Загружаемые шрифты можно помещать в специальную папку fonts , созданную на сервере.
Чтобы подключить шрифт с помощью правила @font-face , нужно:
1) загрузить файл шрифта на сервер в нескольких форматах для поддержки всеми браузерами,
2) указать название шрифта, прописать ссылку на файл и задать описание шрифта,
3) добавить имя шрифта в свойство font-family элемента, который будет отображаться данным шрифтом.
@font-face { font-family: "WebFont"; src: url(WebFont.eot?) format("eot"), /* IE8+, знак? позволяет обойти баг в обработчике значения src */ url(WebFont.woff) format("woff"), /* все современные браузеры, IE9+ */ url(WebFont.ttf) format("truetype"); /* все современные браузеры */ } p {font-family: "WebFont", Arial, sans-serif; }
Этот код говорит браузеру отображать текст внутри элемента
Используя шрифт WebFont. Если браузер по какой-либо причине не сможет загрузить данный шрифт, он выберет подходящий из списка шрифтов. Он перебирает их в указанном порядке до тех пор, пока не находит шрифт, который сможет успешно использовать.
Внутри каждого семейства шрифта можно определить до девяти значений жирности (веса). Поэтому для каждого встраиваемого шрифта, а также для каждого начертания нужно задавать отдельное правило @font-face , т.е. нельзя объявить в одном правиле два разных шрифта или шрифт одного семейства, но разных стилей и веса.
@font-face { font-family: "WebFont"; src: url(WebFont.eot?) format("eot"), url(WebFont.woff) format("woff"), url(WebFont.ttf) format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: "WebFont"; src: url(WebFont.eot?) format("eot"), url(WebFont.woff) format("woff"), url(WebFont.ttf) format("truetype"); font-weight: 400; font-style: normal; }
В общем виде для шрифта можно задать следующие свойства:
@font-face { font-family: "FontName"; src: url() format(" "); font-variant: ; font-stretch: ; font-weight: ; font-style: ; }
Если вы предполагаете, что на компьютере пользователя установлен данный шрифт и хотите, чтобы шрифт загружался только после проверки его наличия у пользователя, то можно воспользоваться значением local() для задания адреса:
@font-face { font-family: "WebFont"; src: local("WebFont"), url(WebFont.eot?) format("eot"), url(WebFont.woff) format("woff"), url(WebFont.ttf) format("truetype"); font-weight: bold; font-style: italic; }
Форматы веб-шрифтов
Свойство @font-face имеет хорошую поддержку в браузерах, но разные браузеры используют разные форматы шрифтов. Существуют четыре основных формата шрифтов:
Формат WOFF (Web Open Font Format), открытый сетевой формат шрифта, разработанный в Mozilla. Технически WOFF нельзя назвать форматом шрифта, так как он представляет собой лишь оболочку с функцией сжатия. Формат сжимает шрифты в формате TTF/OTF для использования их в интернете. Также, WOFF позволяет добавлять к файлу метаданные, например, сведения о лицензии.
Форматы OTF/TTF (OpenType Font и TrueType Font) работают в большинстве браузеров. Оба формата распространяются свободно.
Формат EOT (Embedded Open Type) создан разработчиками Microsoft, представляет сжатую копию шрифта TTF, повторное использование которого запрещается технологиями DRM (Digital Rights Management, цифровое управление правами доступа). Поддерживается только в IE, начиная с 8-й версии.
SVG/SVGZ (Scalabe Vector Graphics) — тип файлов шрифтов, представляющий векторное начертание шрифта. Как правило, имеет меньшие размеры файлов, тем самым позволяя улучшить производительность на мобильных устройствах. Работает в Opera Mobile и iOS Safari.
Сложности использования встроенных шрифтов
1) Файлы шрифтов могут быть больших размеров, поэтому в некоторых случаях добавление @font-face замедляет загрузку страниц.
2) С некоторыми шрифтами связаны лицензионные ограничения, не допускающие бесплатного использования.
3) Некоторые шрифты просто плохо смотрятся на веб-страницах.
Файл OTF представляет из себя файл шрифта, разработанный совместными усилиями компаний Adobe, Microsoft. Данный формат файла, включает в себя внешний вид таких форматов, как TrueType, а также PostScript. Шрифты OpenType могут поддаваться масштабированию, без потери исходного качества текста.
OTF расширение поддерживается в операционных системах Mac OS, а также в системах Windows. Платформы от Майкрософт, стали поддерживать OTF файлы, начиная с версии Windows 2000. Стоит отметить, что такой тип файла, помимо своего основного назначения, может быть использован как файл шаблона, применяемый комплексом OpenOffice в целях формирования формул. В подобном случае, наличие файла.otf, несет пользу при автоматическом заполнении таблиц с применением формул. Расширение файла OTF, обладает обширным спектром распространения среди пользователей.
Специалисты считают, что данное расширение файла, представляет из себя так называемый контейнер, сформированный с учетом правил TrueType и способный содержать файлы данных PostScript и TrueType. Шрифт Open Type, может хранить новые типы данных, которые не присутствовали в форматах TrueType. Файлы расширением.otf, могут хранить данные о контурах, метриках, а также служебной информации.
Чтобы открыть файл, имеющий расширение OTF, как и другие файлы шрифтов, используется Font Viewer от Microsoft. Пользователи MacOS, могут открыть файл OTF благодаря комплексу Apple Font Book. Универсальной утилитой, способной открыть файл.otf в перечисленных выше системах, в том числе и на платформе Linux, является FontForge.
Расширение.otf файл используется как файл шрифта OpenType, в котором этот тип шрифта был разработан Adobe и Microsoft. Она представляет собой сочетание форматов шрифтов, таких как TrueType и приписок. Помимо того, что тип файла шрифта, расширение.otf файла также используется в качестве файла шаблона, который? Ы используется OpenOffice таблиц для создания формулы. Эти.otf файлы шаблонов полезны, потому что они автоматически заполнять электронные таблицы с использованием формул. Это расширение файла также используется как файл OpenTuft Tufting Design и это относится к форматам, используемым для создания клочков конструкций. Эти.otf файлы позволяют ткать конструкций в различных текстильных изделий. Эти файлы содержат также пряжа, нитки размещения окон и информацию о длине хохолок. Этот формат.otf был использован NedGraphics для их конструкции пучков, но был изменен, потому что был конфликт с расширением.otf файла используется в качестве OpenType шрифтов. Другие приложения, связанные с расширением файла.otf являются Blu-Ray и OnkoS.