Андрей Смирнов
Время чтения: ~15 мин.
Просмотров: 6

Разница между форматами шрифтов otf (open type) или ttf (true type)?

История

В начале 1990-х годов Microsoft неудачно попыталась получить лицензию на технологию типографики GX Typography от Apple. Вследствие этого в 1994 году была разработана собственная технология TrueType Open. Adobe поддержали технологию в 1996 году, добавив поддержку технологии глифов в шрифтах Type 1 font.

Microsoft и Adobe стремились реализовывать технологии как TrueType, так в PostScript.

Название OpenType было выбрано для комбинированных технологий двух компаний и анонсировано в 1996 году.

Открытый формат шрифтов (Open Font Format)

Adobe и Microsoft продолжали разрабатывать и совершенствовать OpenType в течение десятилетия.

Принятие нового стандарта в результате формального утверждения в марте 2007 г. в качестве стандарта ISO / IEC 14496-22 (MPEG-4 часть 22) под названием Open Font Format.

Исходный стандарт был технически эквивалентен спецификации OpenType 1.4 с соответствующими изменениями языка для ISO.

Использование @font face Kit Generator

Для практического тестирования, вы можете скачать пакет на Graublau Sans Web. Этот пакет шрифтов содержит шрифты OpenType, основанные на PostScript, которые поддерживаются в Safari 3.1+, Firefox 3.5+ и Opera 10+. Для того чтобы добиться такого же функционала в Internet Explorer и исправить все недочёты отображения, вы можете воспользоваться @font-face Kit Generator. Кликните на кнопку “Add Fonts” и загрузите шрифт, который хотите использовать. Затем выберите пункт “Expert” для проверки необходимых опций, о которых мы поговорим подробнее:

Форматы шрифтов

Вся проблема в том, что вам необходимо активировать поддержку EOT для работы @font-face в Internet Explorer IE4 — IE8 (в IE9 RC, WOFF уже поддерживается). Шрифты SVG вам понадобятся только для Mobile Safari, которое стоит на iPhone и iPad iOS 4.2. Chrome и Opera с этим форматом знакомы. В качестве альтернативы SVG, вы можете использовать сжатую версию SVGZ, которая занимает намного меньше места. Однако она не поддерживается на iPhone, так что вам по любому придётся работать с SVG.

Создание формата TrueType активирует поддержку в Safari (начиная с версии 3.1), Firefox (3.5) и Opera (10). В будущем WOFF грозится стать стандартным форматом для Web шрифтов.

Рендеринг и прочие параметры

  • Add Hinting: эта опция предназначена для улучшения отображения на Windows. Вы можете отключить её, если шрифты уже оптимизированы.
  • WebOnly добавляет специфические модификации, которые позволяют браузерам использовать данные шрифты, но исключают установку шрифтов на операционную систему. Выбор этого параметра предотвращает нарушение авторских прав.
  • Keep OT Features: шрифты OpenType могут хранить в себе ряд функций. Однако данные функции почти не поддерживаются современными браузерами.
  • Remove Kerning: эта ещё одна возможность уменьшить размер файла. В том случае, если вы будете использовать данный шрифт внутри тега body, очень рекомендую выбрать данную опцию.
  • Simplify Outlines: эта опция уменьшает качество отображения элементов шрифта.
  • Build Cufón File — это не традиционная часть внедрения @font-face.

Дополнительные настройки

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

Опция Basic Subsetting стоит по умолчанию для восточных Европейцев, которые используют шрифты основанные на MacRoman. Custom Subsetting позволяют пользователю определить, какие символы он будет использовать в файле. Если опция No Subsetting деактивирована, то шрифт просто сконвертируется в том виде, в котором он есть.

CSS-форматы

Вы можете выбрать три разные версии:

  • Fontspring Syntax
  • Further Hardening of the Bulletproof Syntax
  • Mo’ Bulletproofer
  • Smiley

Fontspring syntax — это, возможно, самый простой вариант. Он может передать файл WOFF в IE9 и EOT в более раннюю версию IE. Он также будет работать на мобильных версиях браузеров и операционках, таких как iOS и Android.

CSS Опции

Для манипулирования шрифтами, вы также можете использовать следующие CSS свойства: font-weight и font-style.

Данная опция будет работать, если шрифт содержит все стили, такие как обычный, курсив, жирный и жирный с курсивом.

Последняя по списку, но не по значению, — опция Base64 Encode, которая позволяет шрифту быть закодированным согласно base64. В результате, шрифт не появится как файл в пользовательском кэше.

Установка шрифта в CorelDRAW

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

Способ 1: Corel Font Manager

Одним из компонентов от Corel является приложение Font Manager. Это менеджер шрифтов, который позволяет гибко управлять установленными файлами. Наиболее актуален этот способ для пользователей, которые планируют активно работать со шрифтами или хотят безопасно загружать их с серверов компании.

Этот компонент устанавливается отдельно, поэтому если в вашей системе отсутствует Font Manager, установите его либо переходите к следующим способам.

  1. Откройте Corel Font Manager и переключитесь на вкладку «Контент-центр», находящийся в разделе «В Интернете».

Из списка найдите подходящий вариант, нажмите на него правой кнопкой мыши и выберите «Установить».

Вы можете выбрать вариант «Загрузить», в этом случае файл будет скачан в папку с содержимым Corel, а установить его можно будет вручную в будущем.

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

  1. Нажмите кнопку «Добавить папку», чтобы указать месторасположение шрифтов.

Через системный проводник найдите папку, где хранятся шрифты и кликните по «Выбор папки».

После короткого сканирования в менеджере отобразится список шрифтов, где само название выступает предварительным просмотром начертания. Расширение можно понять по пометкам «ТТ» и «О». Зеленый цвет означает, что шрифт установлен в систему, желтый — не установлен.

Найдите подходящий шрифт, который еще не инсталлирован, правой кнопкой мыши вызовите контекстное меню и нажмите «Установить».

Остается запустить CorelDRAW и проверить работу установленного шрифта.

Способ 2: Установка шрифта в Windows

Этот способ стандартен и позволяет установить вам уже готовый шрифт. Соответственно, предварительно вы должны его найти на просторах интернета и скачать на компьютер. Удобнее всего выполнить поиск файла на ресурсах, посвященных дизайну и рисованию. Вовсе не обязательно использовать для этого сайты, созданные для пользователей CorelDRAW: шрифты, устанавливаемые в систему, могут в дальнейшем использоваться и в других редакторах, например, в Adobe Photoshop или Adobe Illustrator.

  1. Найдите в интернете и скачайте понравившийся шрифт. Настоятельно рекомендуем использовать проверенные и безопасные сайты. Проверьте скачанный файл антивирусом или используйте онлайн-сканеры, выявляющие зараженность вредоносным ПО.

Подробнее:Защищаем компьютер от вирусовОнлайн-проверка системы, файлов и ссылок на вирусы

Разархивируйте архив и зайдите в папку. Там должен быть шрифт одного или нескольких расширений. На скриншоте ниже видно, что создатель шрифта распространяет его в TTF (TrueType) и ODF (OpenType). В приоритете использование TTF-шрифтов.

Нажмите по выбранному расширению правой кнопкой мыши и выберите пункт «Установить».

После непродолжительного ожидания шрифт будет установлен.

Запустите CorelDRAW и проверьте наличие шрифта привычным образом: напишите текст, используя одноименный инструмент и выберите для него установленный из списка шрифт.

Вы также можете использовать сторонние менеджеры шрифтов, например, Adobe Type Manager, MainType и др. Принцип их действия аналогичен рассмотренному выше, различия заключаются в интерфейсах программ.

Способ 3: Создание собственного шрифта

Когда у пользователя достаточно личных навыков для создания шрифта, можно не прибегать к поиску сторонних разработок, а создать свой вариант. Для этого удобнее всего использовать программное обеспечение, предназначенное специально для этих целей. Существуют различные программы, позволяющие создать буквы кириллицы и латиницы, цифры и другие символы. Они позволяют сохранить результат в поддерживаемых системой форматах, которые впоследствии можно установить, используя Способ 1, начиная с шага 3, или Способ 2.

Подробнее: Программы для создания шрифтов

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

Шрифты семейства «Advent Pro Family»

Advent Pro SemiBold

  • Семейство: Advent Pro Family
  • Начертание: Semi Bold
  • Насыщенность: 600
  • Версия: Version 2.003

Advent Pro Regular

  • Семейство: Advent Pro Family
  • Начертание: Regular
  • Насыщенность: 400
  • Версия: Version 2.003

Advent Pro Medium

  • Семейство: Advent Pro Family
  • Начертание: Medium
  • Насыщенность: 500
  • Версия: Version 2.003

Advent Pro Light

  • Семейство: Advent Pro Family
  • Начертание: Light
  • Насыщенность: 300
  • Версия: Version 2.003

Advent Pro Bold

  • Семейство: Advent Pro Family
  • Начертание: Bold
  • Насыщенность: 700
  • Версия: Version 2.003

Advent Pro ExtraLight

  • Семейство: Advent Pro Family
  • Начертание: Extra Light
  • Насыщенность: 200
  • Версия: Version 2.003

@font-face Революция

Свойство CSS3 @font-face предоставляет множество новых возможностей для Web дизайнеров.

Что касается типографии, Web находится далеко позади печати. К примеру: в печати, более «сгущённые» шрифты часто применяются для того, чтобы уместить больше символов на одной строке. Системные коллекции шрифтов, как правило содержат «конденсированные шрифты». К тому же различные компании не могут использовать собственные шрифты на своих сайтах. Вместо этого им приходится заменять их на стандартные шрифты, такие как Arial, которые настолько приелись, что это уже невозможно.

@font-face В далёком 1990

Идея использования любых шрифтов в вебе не так уж и нова. Netscape 4 и Internet Explorer 4 поддерживали @font-face ещё в начале 1990 года. Данное правило позволяет загрузить нужный нам шрифт на сервер и использовать его на Web странице следующим образом:

@font-face {
    font-family: Gentium;   
    
    src: url(fonts/gentium.eot);    
}

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

Сейчас уже никто и не припомнит, что поддержка @font-face была убрана из спецификации CSS 2.1. Стандартные шрифты на всю катушку использовались в Web дизайне. Многие разработчики начали создавать из текста изображение или помещали красивые заголовки в Flash, для того, чтобы отобразить текст оформленный красивым шрифтом.

Со временем многие разработчики начали использовать векторные элементы, которые создаются средствами JavaScript. Typeface.js и Cufón предоставляют данную функциональность. Каждая из этих техник не совместима с поисковой оптимизацией и масштабированием.

Вторая попытка

Запуск Safari 3.1 от Apple дал новый старт Web шрифтам. Правило @font-face было немного обновлено. Данное изменение было введено из-за внедрения LCD мониторов, которые имеют высокое разрешение.

На платформах Mac OS X, данная функциональность активирована по умолчанию. Пользователям Windows она доступна через ClearType, который поддерживается в Windows Vista и Windows 7, но не в Windows XP. В Microsoft Office 2007 и 2010, Internet Explorer 7+ и Windows Live Messenger, ClearType включён по умолчанию вне зависимости от операционной системы.

Используем шрифты следующим образом:

@font-face {
   font-family: Gentium;   
   src: url(fonts/gentium.otf);    
}

Возникшие проблемы

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

Specially handled features»

Descriptive names for Stylistic Set (’ss01 — ss20’) features

Descriptive names are allowed for stylistic substitution features. These names are specified within a feature block for a Stylistic Set feature. The implementation will store the name strings in the “name” table, and will create a feature parameter data block which references them.

A single Stylistic Set feature block may contain more than one descriptive name in order to support different languages. These names are defined within a “featureNames” block that must be inside the stylistic set feature block, and must precede any of the rules in the feature. The syntax for a “featureNames” block is:

The syntax for the individual name string entries is similar to that of the — the only difference is that the introductory keyword is ‘name’, and the name ID value is omitted, since the nameID value is auto-generated by the feature compiler.

Example:

5 ответы

OTF скорее всего будет «лучшим» шрифтом, так как он поддерживает
более сложные функции набора (мелкие кавычки, альтернативы,
лигатуры и т. Д. Фактически внутри шрифта, а не в виде отдельных
шрифтов экспертных наборов). Он также может содержать кривые spline
(TTF-style) или Bezier (PostScript Type 1-style), поэтому, надеюсь,
вы получаете формы, изначально предназначенные для шрифтов, а не
для преобразования с более низким уровнем качества.

С другой стороны, если вы загружаете бесплатные шрифты из сайтов
с лопатами, вы вряд ли получите их. В самом деле, вы можете просто
получить шрифт TTF, переименованный в OTF.

218

OTF — это более современный формат, чем TTF, поэтому OTF имеет
некоторые функции, которые нет в TTF. (Это спорный вопрос, если
создатель шрифта не использовал их.)

Однако одна заметка из личного опыта: в зависимости от того, что
вы собираетесь делать с этими шрифтами, я обнаружил, что гораздо
проще получить инструменты, которые работают с TTF, в отличие от
OTF. Если вы просто используете их для публикации на настольных ПК
или обработки текстов, то все будет работать нормально, но если вы
будете делать что-либо программное, я бы рекомендовал TTF только
из-за большего количества инструментов/библиотек.

38

Обратите внимание, что когда окончание файла
преобразуются, оба и
могут обозначать шрифты в формате OpenType , (См. OpenType в Википедии — на самом деле, это более
точно произносится в немецкая версия .). Это немного запутывает, поскольку некоторые файлы шрифтов
могут выглядеть так, как если бы они находились в
прежнем формате ANSI-Windows TrueType, тогда как на самом деле они
могут быть полнофункциональными шрифтами OpenType

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

Основное различие между обоими вариантами заключается в том, что
шрифты стиля используют квадратичные сплайны
Безье, тогда как шрифты стиля используют
кубические сплайны Bézier. (Исторически квадратичные кривые Безье
использовались для «старого» формата TrueType, кубические кривые
Безье взяты из фона PostScript.) Cubic Béziers потенциально более
точны (каждая квадратичная кривая Безье может быть точно
воспроизведена с кубической кривой Безье), но могут быть
аппроксимированы небольшими сегментированными последовательностями
квадратичных Безье

(Также обратите внимание, что ни
кубические, ни квадратичные сплайны Безье не могут точно
воспроизводить круг. Всегда есть некоторая ошибка
аппроксимации.)

Другим незначительным отличием в спецификации является то, что
шрифты OpenType с кодом могут обращаться к одному
и тому же глифу с несколькими кодовыми точками. Следовательно, это
экономит некоторое пространство, если, например, версии верхнего
уровня b , β и в (читай: латинская,
греческая и кириллическая «B») имеют одинаковую форму.

23

Я не согласен с теми, кто говорит, что OTF — лучший формат. TTF
предлагает дизайнеру возможность изменять детали растеризации на
экране и в печати (если дизайнер знает, как это сделать).

Например:

10

Я нашел это полезным, и он ответил на мои вопросы достаточно,
чтобы перестать копать глубже.

MS: What’s the difference between TrueType,
PostScript, and OpenType fonts?

3

Преимущества

  • OpenType поддерживает Unicode: шрифты могут содержать свыше 65 000 символов, включая все западные символы, а также не-западные (например японские или китайские) символы.
  • Шрифты OpenType могут эффективно сжиматься. Меньший размер файла шрифта облегчает его внедрение в другие файлы. Это полезно для PDF-файлов и для веб-страниц. Техника сжатия зависит от типа шрифта OpenType. Для сжатия шрифтов PostScript OpenType применяется Adobe Compact Font Format (CFF). Для сжатия шрифтов TrueType OpenType применяется Agfa MicroType Express.
  • Улучшенная типографика: шрифты OpenType могут включать широкий набор глифов, включая лигатуры, дроби, исторические символы (числа старого стиля, капительные символы) и другие. Они допускают автоматическую замену определённых символов на них.
  • Шрифты OpenType могут содержать несколько вариантов оптических размеров шрифта внутри одного семейства шрифтов, при этом шрифты разного размера основываются на разных наборах векторных контуров, для улучшенного отображения на экране и повышенной читаемости символов малого размера.
  • Улучшенный кернинг: символы с однотипной формой (например, левый край символов c, e, d) могут кернинговаться идентично. Это уменьшает размер таблицы кернинга и расширяет число кернинговых пар.

Информация о шрифте Academy Italic Bold Italic

Полное название шрифта

Academy Italic Bold Italic 700

Семейство

Начертание шрифта

Bold Italic (Жирный Курсив)

Насыщенность шрифта

700 — жирное (Bold)

Версия шрифта

Converted from t:\ACADEMY1.BF1 by ALLTYPE

Идентификатор шрифта

ALLTYPE:Academy Italic Bold Italic:ATECH

PostScript название шрифта

AcademyItalic-BoldItalic

Авторское право на шрифт

Copyright 1991, Atech Software, Carlsbad CA

Поддержка символов

латинские буквы, русские буквы (кириллица), цифры, знаки препинания и пунктуации

Регистр букв шрифта

верхний (прописные буквы) и нижний (строчные буквы)

Категории шрифта Academy Italic Bold Italic

Бесплатные шрифты, Кириллические шрифты, Латинские шрифты, Наклонные шрифты Italic, Русские шрифты, Шрифты с засечками

Предварительный просмотр Academy Italic Bold Italic

Шрифт Academy Italic Bold Italic с поддержкой латиницы

Предварительный просмотр шрифта «Academy Italic Bold Italic» с прописными и строчными латинскими буквами (английский алфавит A-Z и a-z).

Шрифт Academy Italic Bold Italic с поддержкой кириллицы

Предварительный просмотр шрифта «Academy Italic Bold Italic» с прописными и строчными русскими буквами (кириллица, русский алфавит А-Я и а-я).

Шрифт Academy Italic Bold Italic с поддержкой цифр

Предварительный просмотр шрифта «Academy Italic Bold Italic» с цифрами (0 1 2 3 4 5 6 7 8 9).

Шрифт Academy Italic Bold Italic с поддержкой знаков препинания и пунктуации

Предварительный просмотр шрифта «Academy Italic Bold Italic» со знаками препинания и пунктуации (, . / ? ; ‘ : » { } \ | ` ~ ! @ # $ % ^ & * ( ) — _ + =).

Скачать шрифт Academy Italic Bold Italic

Шрифт Academy Italic Bold Italic доступен для скачивания в 6 форматах: EOT, OTF, SVG, TTF, WOFF, WOFF2 (IE9 в режиме совместимости, IE6-IE8, Open Type Font, устаревшая iOS, Safari, Android, iOS и любой современный браузер).Внимание! Скачать шрифт Academy Italic Bold Italic возможно только для некоммерческого использования!

Подробная инструкция по скачиванию шрифтов в статье «Как скачать шрифт на сайте»

Как установить шрифт Academy Italic Bold Italic на сайт

Для установки шрифта «Academy Italic Bold Italic» на сайт необходимо скопировать все файлы шрифта в папку, например, «fonts». В файле стилей подключить шрифт, используя конструкцию CSS:

@font-face {
	font-family: "Academy Italic Bold Italic";
	src: url("../fonts/academy-italic-bold-italic.eot"); /* IE9 Compat Modes */
	src: url("../fonts/academy-italic-bold-italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/academy-italic-bold-italic.otf") format("opentype"), /* Open Type Font */
		url("../fonts/academy-italic-bold-italic.svg") format("svg"), /* Legacy iOS */
		url("../fonts/academy-italic-bold-italic.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../fonts/academy-italic-bold-italic.woff") format("woff"), /* Modern Browsers */
		url("../fonts/academy-italic-bold-italic.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

Установить шрифт «Academy Italic Bold Italic» для требуемого текста, поля, кнопки или другого элемента на сайте:

font-family: "Academy Italic Bold Italic";

Пример применения шрифта «Academy Italic Bold Italic»:

body {
	font-family: "Academy Italic Bold Italic";
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.2;
	color: #000;
	background-color: #fff;
}

Данные, включаемые в файл шрифта

Технически шрифт OpenType — комбинация векторных данных (в форматах PostScript или TrueType, как сказано выше) и других данных, которые объединены в серию таблиц. Эти таблицы содержат следующую информацию:

  • Заголовок включает общую информацию, такую как имя файла, версия, даты создания и модификации и др.
  • Таблица отображения символов на глифы (cmap) документирует соотношения между символами и формой символов (глифами). Поддерживаются:
    • традиционные кодировки ISO
    • кодировки от Adobe и Apple
    • кодировки Unicode.
  • Таблица имен определяет имя шрифта, семейство, к которому он относится и тип шрифта.
  • Другие таблицы содержат векторные данные (глифы).
    • PostScript-данные включаются в таблицу ‘cff’. В этом случае используются данные Type 2, которые более компактны, чем хорошо известный формат Type 1.
    • Для символов, которые определены, используя формат TrueType, используется таблица ‘glyf’.
  • Advanced Typographic Tables содержат необходимые данные для поддержки дополнительных типографических возможностей OpenType.
  • Шрифты OpenType также могут содержать растровые шрифты. Это иногда используется для очень сложных глифов или шрифтов очень малого кегля. Растровые данные содержатся в трех таблицах ‘bitmap glyphs’.
  • Таблица ‘digital signature’ содержит цифровую подпись создателя шрифта, которую можно использовать для проверки того, не был ли шрифт модифицирован.
Рейтинг автора
5
Материал подготовил
Максим Иванов
Наш эксперт
Написано статей
129
Ссылка на основную публикацию
Похожие публикации