Файл fonts что это
В настоящей статье мы коснемся актуальных сегодня вопросов установки шрифтов и управления ими в среде Windows XP/Vista/7.
Стандартный набор средств Windows очень скромен, хотя и достаточен для многих пользователей и приложений. Он состоит всего из двух компонентов: системной папки Fonts (Шрифты) и программы Charmap (лежит непосредственно в папке Windows).
Системная папка Fonts
Папка Fonts — один из сервисов Windows — называется системной потому, что является органическим компонентом Windows и имеет активную связь с другими компонентами ОС, в первую очередь с реестром, а папкой — потому что по форме и содержанию очень похожа на обычную папку.
Случается, что системная папка утрачивает некоторые специфичные для нее пункты (например, Установить новый шрифт). Причин тому может быть несколько:
- атрибут Системный не установлен на папке Fonts;
- файл Fontext.dll в папке \Windows\System отсутствует или поврежден;
- файл Desktop.ini в папке \Windows\Fonts отсутствует или поврежден.
Для восстановления системного атрибута на каталоге Fonts следует перейти в сеанс MS-DOS и в каталоге Windows выполнить команду:
ATTRIB +S +R FONTS
чтобы установить к папке Fonts доступ только для чтения и снова сделать ее системной. Завершите работу и перезагрузите Windows.
Для восстановления файлов Fontext.dll и Desktop.ini можно в сеансе MS-DOS извлечь их из инсталляционного комплекта с помощью программы Extrac32.exe (находится в папке Windows). Для всего этого можно загрузиться с дискеты, открыть досовский файл-менеджер (например, DOS-Navigator) и всё в нем сделать. Также возможно восстановление файлов Fontext.dll и Desktop.ini путем перезаписи их из соответствующих папок директории Windows любого работающего компьютера (с помощью обычной дискеты).
Charmap
Назначение этой маленькой программки — показать одновременно все символы выбранного шрифта. Иногда ею пользуются ради интереса, но чаще всего это бывает необходимо, например, когда требуется ввести символ, не имеющий своей клавиши на клавиатуре: знака умножения « × », градус температуры « ° » и пр.
Открывается программа, выбирается шрифт, выделяется мышкой нужный символ, а в правом нижнем углу появляется его код, например Alt+0188. Имейте в виду — это левый Alt и цифры дополнительной (правой) клавиатуры. Символ окажется вставленным в ваш текст, как только вы отпустите все кнопки. Есть и другой метод — с помощью кнопок окна программы занести выбранный символ в клипбоард, а потом воспользоваться им по усмотрению.
Установка шрифтов PostScript, TrueType и OpenType
Стандартная установка шрифтов
Понятно, что для установки шрифтов требуется их наличие на дискете, компактдиске, жестком диске или другом носителе.
Чтобы установить шрифт, надо выполнить перечисленные ниже действия. В меню Пуск выберите пункт Выполнить. Введите команду:
%windir%\fonts
или
control fonts
или
В меню Пуск выберите пункт Панель управления. В открывшемся окне выберите значок Шрифты и кликните по нему два раза.
В открывшемся окне, в меню Файл выберите команду Установить шрифт. В поле Диски выберите диск, на котором находится нужный для установки шрифт.
Окно панели установки шрифтов Windows
Примечание. В официальной справке сервисной службы Microsoft сказано буквально следующее: «Windows поддерживает шрифты TrueType и шрифты, специально разработанные для Windows, которые можно приобрести отдельно. Некоторые шрифты поставляются вместе с программами и устанавливаются с ними. Кроме того, шрифты TrueType и специальные шрифты для Windows часто поставляются вместе с принтерами. Для установки этих шрифтов следуйте инструкциям, поставляемым вместе с указанными продуктами». Под шрифтами, специально разработанными для Windows, видимо, подразумеваются экранные и принтерные шрифты, в отличие от так называемых универсальных шрифтов — TrueType, Type1 и OpenType.
Поиск похожих шрифтов
Для поиска похожих шрифтов требуется выполнить следующие действия:
Выберите в меню Пуск пункт Выполнить, введите команду control fonts и нажмите кнопку ОК.
В меню Вид выберите команду Группировать схожие шрифты.
В поле Группировка шрифтов по сходству с выберите шрифт, который необходимо сравнить с другими шрифтами на компьютере.
Примечание. Сведения о подстановке шрифта Panose хранятся вместе со шрифтом как описание его свойств. Например, к свойствам шрифта относятся наличие или отсутствие засечек, использование обычного, полужирного начертания или курсива. Если нет данных о сходстве, шрифт выводится в конце списка и не содержится в поле Группировка шрифтов по сходству с.
Подробнее о классификации Panose будет рассказано в следующих номерах журнала.
Изменения в Windows 7
Вид и функциональность папки Шрифты в панели управления Windows 7 (Control Panel ->Fonts) обновились. Управлять шрифтами стало намного проще. Вопервых, значки для начертаний одного и того же шрифта теперь объединяются в группы. Чтобы посмотреть всё семейство шрифта, нужно открыть группу двойным щелчком. К примеру, группа шрифтов Arial содержит пять начертаний, которые можно увидеть, дважды щелкнув на стопке превьюшек.
Вовторых, на каждом превью показаны первые три буквы алфавита, написанные соответствующим шрифтом. Стандартное окно просмотра шрифтов тоже никуда не делось. Для отдельного шрифта его можно вызвать двойным щелчком по превью. Для группы шрифтов нужно дважды щелкнуть на стопке превьюшек, а затем — на отдельном значке.
Кроме того, можно выделить стопку превью и нажать кнопку Просмотр (Preview) на панели инструментов. При этом откроются стандартные окна просмотра для всех шрифтов, входящих в эту группу.
Поскольку Windows 7 включает множество шрифтов, часть из них по умолчанию не активна, то есть значки некоторых шрифтов затенены, и в приложениях они недоступны. По умолчанию шрифты отключаются в соответствии с настройками региона, но пользователи могут и самостоятельно включать или отключать отдельные из них.
При выделении затененного эскиза на панели инструментов появляется кнопка Показать (Show), а при выборе активного шрифта — кнопка Скрыть (Hide).
Чтобы включить все доступные шрифты, нажмите ссылку Параметры шрифта (Font Settings) в панели заданий. В появившемся окне снимите флажок Скрыть шрифты, основываясь на текущих параметрах языка (Hide Fonts Based on Language Settings). Также можно поставить флажок Разрешить установку шрифтов с помощью ярлыков (Allow fonts to be installed using a shortcut) — это позволит установить шрифт путем создания ярлыка, указывающего на файл шрифта, а не копировать этот шрифт в системную папку.
Из панели заданий также можно запустить средство настройки текста ClearType (ClearType Text Tuner), которое теперь входит в состав операционной системы и избавляет от необходимости пользоваться вебприложением или утилитой PowerToy. Данное средство позволяет оптимально настроить отображение шрифтов ClearType и предлагает расширенный набор параметров по сравнению с предыдущими версиями ОС.
Процесс установки шрифтов в Windows 7 тоже изменился. Загрузив файл шрифта, нужно двойным щелчком вызвать стандартное окно просмотра, в котором теперь имеется кнопка Установить (Install). Если включена установка шрифтов при помощи ярлыков, в окне просмотра будет доступна опция Использовать ярлык (Use Shortcut). То есть теперь в Windows 7 шрифт можно устанавливать в процессе просмотра шрифтов, не пользуясь стандартными функциями ОС.
Также появились группировка по насыщенности и новый механизм рендеринга текста, встроенный в DirectWrite API.
Установка шрифтов PostScript (PFB\PFM) в Windows NT/Me/98/2000/XP/7
Для установки шрифтов PostScript (PFB\PFM) в Windows NT/Me/98/2000/XP необходимо использовать Adobe Type Manager. Данную программу (ATM Light) можно бесплатно загрузить с официального сайта Adobe.
Откройте программу Adobe Type Manager (ATM), выберите шрифты, которые вы хотите установить (для выбора всех шрифтов нажмите Ctrl+A, для выбора определенных шрифтов нажмите и удерживайте клавишу Ctrl и мышкой выбирайте необходимые шрифты).
Нажмите Добавить (Add) для установки шрифтов.
Установка шрифтов OpenType и TrueType в Windows Vista
Установка шрифтов в Windows Vista в значительной степени похожа на установку шрифтов в Windows XP, но производится различными и более легкими путями. Самый простой способ установки шрифта: навести курсор на необходимый шрифт и нажать правую кнопку мыши. В появившемся контекстном меню нажать Установить.
Удаление шрифта
Для удаления шрифта с жесткого диска выполните следующие действия. В меню Пуск выберите пункт Выполнить. Введите команду:
%windir%\fonts
Выберите шрифт, который необходимо удалить. Чтобы выбрать несколько шрифтов, при выборе нажмите и удерживайте клавишу Ctrl. В меню Файл выберите команду Удалить.
В ответ на запрос Удалить эти шрифты? нажмите клавишу Да.
Окно программы Adobe Type Manager
Отдельные папки шрифтов
Некоторые программы имеют собственные папки шрифтов, наличие шрифтов в которых они проверяют наряду со списком шрифтов Windows. Часто здесь помещаются шрифты, используемые программой в собственном интерфейсе. Например, для Photoshop это папка C:\Program Files\Common Files\Adobe\Fonts. Если вы хотите пользоваться шрифтами Photoshop, не замедляя работу Windows, оставляйте их в исходном расположении, но знайте, что приложение будет загружаться чуть медленнее.
При установке новых приложений следите за папкой Fonts — там могут обнаруживаться как шрифты для пользователя, так и шрифты, используемые программой. Рекомендуется не удалять шрифты, необходимые программе для отображения, но если вы не хотите загромождать компьютер ненужными шрифтами от новых программ, то создайте новую папку для основных шрифтов, которые вам понадобятся, и периодически удаляйте всё из папки Fonts и устанавливайте туда основные шрифты.
Некоторые важнейшие шрифты Windows удалять нельзя. Среди них — Arial, Courier, Courier New, Marlett, Modern, MS Sans Serif, MS Serif, Roman, Script, Small Fonts, Symbol, Times New Roman и Wingdings. При удалении этих шрифтов Windows может просто не запуститься. Не следует также удалять шрифты, имеющие в значке красную букву «А». Это пиксельные экранные шрифты Windows, рассчитанные на определенный размер в пунктах. Не следует смешивать их со шрифтами PostScript, обозначаемыми красной строчной буквой «а», или с теми, чьи названия начинаются с «MS». Шрифты всегда можно восстановить с установочного компактдиска, но, чтобы не терять время, лучше не удалять их. Если вы копируете файлы шрифтов с компактдиска вручную, а не применяете функцию Установить шрифт, не забудьте снять с файлов атрибут Только чтение. Кроме того, проверьте, не устанавливаете ли вы версии TrueType и PostScript одного и того же шрифта. Это приведет не только к лишней трате места на диске, но и к путанице при обнаружении двух шрифтов с одинаковыми именами.
Переустановка стандартных шрифтов, поставляемых вместе с Windows
Если какойнибудь из стандартных шрифтов, поставляемых вместе с Windows, отсутствует, можно повторно запустить программу установки Windows, которая восстановит отсутствующие и измененные файлы. Если отсутствуют стандартные шрифты, могут отсутствовать и другие файлы Windows. Программа установки переустановит эти файлы.
Предупреждение. Запуск программы установки Windows может привести к потере программного обеспечения и драйверов оборудования, установленных с момента прошлой установки Windows на компьютере.
Перечисленные далее шрифты поставляются вместе с Windows и установлены на каждом компьютере: Courier New (TrueType, включая следующие начертания: полужирный, курсив и полужирный курсив), Arial (TrueType, включая следующие начертания: полужирный, курсив и полужирный курсив), Times New Roman (TrueType, включая следующие начертания: полужирный, курсив и полужирный курсив), Symbol (TrueType), Wingdings (TrueType), MS Serif, MS Sans Serif.
Есть и более полный (но не окончательный) список шрифтов, которые так или иначе устанавливаются на каждом компьютере под управлением Windows (см. таблицу).
Файл шрифта используется для хранения одного или нескольких шрифтов в компьютерной системе, добавляя дополнительную гарнитуру стиль для операционной системы и ее программ. Файл шрифта содержит стандартные символы алфавита на разных языках, а также специальные символы. Современная операционная система поставляется с предварительно установленной с несколькими шрифтами, которые были сохранены в виде файлов шрифтов. Есть целый ряд популярных форматов файлов шрифтов, используемых сегодня, в том числе TrueType шрифты (TTF) в OpenType шрифтов (OTF).
КАК FONT файлы, используемые?
Файлы шрифтов используются для хранения конкретного шрифта, который затем может использоваться совместно с различными компьютерными системами. Файлы шрифтов позволяют стандартизированный метод для отображения и печати текстовых символов.
Поиск типов файлов
Шаг 1. Используйте google-webfonts-helper для загрузки шрифтов и предоставления базовых объявлений шрифтов CSS.
Сначала выберите нужный шрифт Google в левой боковой панели. Начните вводить в поле поиска названия шрифта и выберите из предложенных вариантов (красная стрелка) нужный ваш шрифт (синяя стрелка):
Далее выберите наборы символов и стили. Помните, что больше стилей означает больше данных для загрузки клиентом:
Разные шрифты имеют разные уровни поддержки символов и вариантов стилей. Например, Open Sans поддерживает гораздо больше кодировок, чем Muli:
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
И в конце вам нужно выбрать, какие браузеры вы хотите поддерживать. Вариант «Современные браузеры» предоставят вам форматы WOFF и WOFF2, а «Лучшая поддержка» — еще и TTF, EOT и SVG. Для нашего случая мы решили размещать только WOFF и WOFF2, выбирая системные шрифты в качестве запасных вариантов для старых браузеров. Пообщайтесь со своей командой дизайнеров, чтобы выбрать лучший для вас вариант.
После выбора опции поддержки браузерами скопируйте предоставленный CSS в таблицу стилей рядом с началом таблиц стилей, прежде чем вызывать любое из этих семейств шрифтов. Мы решили поместить этот код в верхней части переменных для использования SCSS. Вы можете настроить расположение файла шрифта — по умолчанию предполагается ../fonts/.
Наконец, загрузите файлы. Разархивируйте их и поместите в свой проект в соответствующем месте.
Оптимизация
Выбор современного формата шрифта, который обладает хорошей степенью сжатия — это только первый шаг к оптимизации. Можно сделать гораздо больше, чтобы увеличить скорость загрузки страницы и сделать пользовательский опыт при взаимодействии с интерфейсом приятнее.
FOIT, FOUT и FOFT
Пока шрифт загружается, при рендеринге можно наблюдать разное поведение текста.
FOIT (Flash of Invisible Text) — с англ. «мелькание невидимого текста». При таком поведении, пока шрифт не загрузится, текст не отображается и появляется только после загрузки шрифта. Значительная проблема — во время загрузки нет доступа к текстовому контенту.
FOUT (Flash of Unstyled Text) — с англ. «мелькание неоформленного текста». Во время загрузки используется шрифт, заданный по умолчанию (системный, например), а после загрузки страница перерисовывается с использованием загрузившегося шрифта. Эта перерисовка довольно заметна и может быть нежелательна.
FOFT (Flash of Faux Text) — с англ. «мелькание синтезированного текста». Это поведение можно наблюдать в промежутке, когда основное начертание уже загрузилось, а дополнительные (жирное, курсивное и так далее) — нет. Браузер имитирует нужное начертание до загрузки настоящей версии. В этом случае страница может перерисовываться несколько раз по мере загрузки начертаний.
В разных браузерах логика рендеринга текста во время загрузки шрифта отличается. Например, Chrome и Firefox в течение трёх секунд не отрисовывают ничего, затем используют веб-безопасный шрифт, а после окончания загрузки текст перерисовывается. IE поступает похоже, но при этом не ждёт три секунды. Подобное поведение в разных браузерах можно унифицировать, используя свойство font‑display .
Свойство font-display
У свойства есть несколько значений, которые определяют поведение текста во время загрузки шрифта:
auto — поведение по умолчанию, зависит от браузера.
block — текст не отображается в течение короткого периода (3 секунды), затем отрисовывается запасной шрифт, если основной ещё не загрузился. Как только загрузка завершается, текст перерисовывается снова.
swap — сразу же отрисовывается запасной шрифт, после загрузки шрифта — повторный рендеринг.
fallback — в течение очень короткого периода (100 миллисекунд) не отображается ничего, затем браузер использует запасной шрифт и ждёт 3 секунды — если шрифт всё ещё не загрузился, остаётся запасной шрифт. Далее не важно, загрузился шрифт или нет, замена не произойдёт. Если шрифт загрузится, то он применится только при обновлении страницы.
optional — текст не отображается в течение 100 миллисекунд, а затем отрисовывается запасным шрифтом. Даже если шрифт загрузится после этого, замена произойдёт только при обновлении страницы.
Оптимальное значение — swap , его можно использовать в большинстве случаев, оно удобно для пользователей. При подключении шрифта с помощью Google Fonts это значение установлено по умолчанию. Если же есть необходимость избежать мелькания текста (например, для вдумчивого чтения), подойдёт optional .
Предзагрузка шрифтов
Ещё один способ оптимизации — предварительная загрузка шрифтов. С её помощью можно изменить обычную приоритизацию загрузки ресурсов, тем самым сказав браузеру, что важно загрузить шрифт в первую очередь.
Стоит учесть, что браузер загрузит шрифт в любом случае — даже если он не используется на странице. И, обладая высоким приоритетом, эта загрузка может блокировать загрузку других ресурсов, поэтому нужно грамотно выбирать, что именно предзагружать. Например, если на странице используются три разных шрифта, стоит предзагрузить только основной шрифт без дополнительных начертаний.
Для того, чтобы предзагрузка сработала, нужно поместить в ссылку на шрифт и задать атрибуту rel значение preload :
Также необходимо добавить тип ресурса, в данном случае — font . Предзагружать можно и другие ресурсы — CSS-файлы, изображения и так далее.
Уменьшение количества глифов шрифта
По умолчанию шрифт может содержать глифы (буквы, символы) разных языков и просто редко используемые. С помощью свойства unicode-range можно установить диапазон нужных символов в системе Unicode, тогда браузер будет подгружать сабсет (подмножество) шрифта только в тот момент, когда на странице появится символ из этого диапазона. Предварительно нужно подготовить файлы шрифтов, разбив их на группы.
Например, можно отдельно подключить латиницу и кириллицу, если на сайте представлены версии на двух языках. И с помощью unicode-range браузер поймёт, какой сабсет нужен для конкретной страницы, и загрузит только его. Такой файл будет иметь меньший вес и ускорит загрузку страницы.
Также можно проанализировать, какие конкретно глифы используются на сайте и создать кастомный сабсет исключительно с ними. Для этого есть специальные инструменты.
Google Fonts по умолчанию использует сабсеты. Это можно увидеть, открыв CSS-файл, который подключается в при использовании сервиса. Для каждого языка есть отдельный сабсет. Пример для латиницы и кириллицы:
В статье разобраны только базовые способы оптимизации шрифтов. Но даже их достаточно, чтобы улучшить пользовательский опыт и значительно уменьшить вес файлов шрифтов, ускорив тем самым загрузку страницы.
Выбираем формат шрифта
Все слышали про TTF и OTF. Но это форматы, которые предоставляются с минимальным сжатием или совсем без него. Их стоит использовать только в том случае, если нужна поддержка очень старых браузеров.
Во всех остальных ситуациях можно выбрать WOFF и WOFF2 — форматы, которые отличаются высокой степенью сжатия. WOFF2 вообще можно считать лучшим из существующих. Тем не менее, поддержка WOFF2 хотя и очень хорошая, но пока не абсолютная, поэтому в качестве подстраховки для не самых современных браузеров стоит использовать WOFF .
Программы, обслуживающие файл FONT
Windows
Linux
Но для чего?
Google Fonts размещается в довольно быстрой и надежной сети доставки контента (CDN), так почему бы нам не рассмотреть возможность размещения в нашей собственной CDN?
Давайте сделаем шаг назад и посмотрим, что происходит, когда вы выполняете запрос к Google Fonts, использоуя стандартный link, скопированный с их сайта:
Вы заметили, что ссылка предназначена для таблицы стилей, а не для файла шрифтов? Если мы загрузим href ссылки в браузер, мы увидим, что Google Fonts загружает таблицу стилей объявлений @font-face для всех стилей шрифтов, которые мы запрашивали в каждом доступном наборе символов. К счастью, не все из них используются по умолчанию.
unicode-range : U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD ;
Вы можете спросить себя: «Почему я не могу просто использовать прямую ссылку на шрифт?» Шрифты Google часто обновляются, поэтому вы можете попытаться загрузить шрифт по ссылке, а она больше не действительна.
Вторая проблема, с которой мы сталкиваемся заключается в том, что мы не можем контролировать flash-of-invisible-text (FOIT) и flash-of-unstyled-text (FOUT) во время загрузки шрифтов. Установка для свойства font-display — @font-face даст нам такой контроль, но это определено в таблице стилей Google Fonts.
FOIT в действии — обратите внимание на отсутствующий текст навигационной панели на скриншоте (ограничено до медленного 3G)
Наконец, хотя и редко, если Google Fonts не работает, мы не получим наши шрифты. Если наш собственный CDN не работает, то, по крайней мере, мы ничего не предоставим нашим пользователям, верно? Если вы ничего больше не делаете, по крайней мере, предварительно установите соединение …
Загрузка Google Fonts без предварительного подключения
Еще лучше: размещение на собственном хостинге для полного контроля
Было бы еще лучше, если бы мы имели полный контроль над файлами шрифтов, загрузкой и свойствами CSS. К счастью, Марио Ранфтл создал помощник google-webfonts! Это удивительный инструмент для предоставления нам файлов шрифтов и объявлений шрифтов на основе выбранных вами шрифтов, наборов символов, стилей и поддержки браузерами.
Полезности
HTML шорты: посторонние шрифты. Про подключение шрифтов и методы оптимизации.
Статья о font-display. В ней кроме прочего приведена наглядная схема того, как работают все значения свойства.
Исчерпывающее руководство по стратегиям загрузки веб-шрифтов. Подробный разбор плюсов и минусов методов подключения и оптимизации шрифтов.
Subsetting Fonts with Glyphhanger. Статья о том, как использовать инструмент для создания сабсетов.
От автора: если вы задумываетесь, как использовать Google Fonts на своем веб-сайте или в веб-приложении, то рассмотрите несколько дополнительных действий, которые могут дать вам гораздо более быстрое время загрузки.
В этой статье я покажу вам, как это сделать:
Пропустить время ожидания загрузки шрифтов из Google Fonts
Разместить шрифты на собственном хостинге для большей скорости и большего контроля над FOIT и FOUT
Сделать то же, что и в шаге 2, но быстрее с помощью крутого инструмента
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Как открыть файл FONT?
Причин, по которым у вас возникают проблемы с открытием файлов FONT в данной системе, может быть несколько. Что важно, все распространенные проблемы, связанные с файлами с расширением FONT, могут решать сами пользователи. Процесс быстрый и не требует участия ИТ-специалиста. Ниже приведен список рекомендаций, которые помогут вам выявить и решить проблемы, связанные с файлами.
Шаг 1. Установите The Secret of Monkey Island: Special Edition программное обеспечение
Проблемы с открытием и работой с файлами FONT, скорее всего, связаны с отсутствием надлежащего программного обеспечения, совместимого с файлами FONT на вашем компьютере. Наиболее очевидным решением является загрузка и установка The Secret of Monkey Island: Special Edition или одной из перечисленных программ: Unix. В верхней части страницы находится список всех программ, сгруппированных по поддерживаемым операционным системам. Одним из наиболее безопасных способов загрузки программного обеспечения является использование ссылок официальных дистрибьюторов. Посетите сайт The Secret of Monkey Island: Special Edition и загрузите установщик.
Шаг 2. Обновите The Secret of Monkey Island: Special Edition до последней версии
Если проблемы с открытием файлов FONT по-прежнему возникают даже после установки The Secret of Monkey Island: Special Edition, возможно, у вас устаревшая версия программного обеспечения. Проверьте веб-сайт разработчика, доступна ли более новая версия The Secret of Monkey Island: Special Edition. Разработчики программного обеспечения могут реализовать поддержку более современных форматов файлов в обновленных версиях своих продуктов. Это может быть одной из причин, по которой FONT файлы не совместимы с The Secret of Monkey Island: Special Edition. Последняя версия The Secret of Monkey Island: Special Edition должна поддерживать все форматы файлов, которые совместимы со старыми версиями программного обеспечения.
Шаг 3. Назначьте The Secret of Monkey Island: Special Edition для FONT файлов
Если проблема не была решена на предыдущем шаге, вам следует связать FONT файлы с последней версией The Secret of Monkey Island: Special Edition, установленной на вашем устройстве. Следующий шаг не должен создавать проблем. Процедура проста и в значительной степени не зависит от системы
Изменить приложение по умолчанию в Windows
- Щелкните правой кнопкой мыши на файле FONT и выберите « Открыть с помощью опцией».
- Выберите Выбрать другое приложение → Еще приложения
- Чтобы завершить процесс, выберите Найти другое приложение на этом. и с помощью проводника выберите папку The Secret of Monkey Island: Special Edition. Подтвердите, Всегда использовать это приложение для открытия FONT файлы и нажав кнопку OK .
Изменить приложение по умолчанию в Mac OS
Шаг 4. Убедитесь, что FONT не неисправен
Если вы выполнили инструкции из предыдущих шагов, но проблема все еще не решена, вам следует проверить файл FONT, о котором идет речь. Проблемы с открытием файла могут возникнуть по разным причинам.
1. FONT может быть заражен вредоносным ПО - обязательно проверьте его антивирусом.
Если файл заражен, вредоносная программа, находящаяся в файле FONT, препятствует попыткам открыть его. Рекомендуется как можно скорее сканировать систему на наличие вирусов и вредоносных программ или использовать онлайн-антивирусный сканер. Если файл FONT действительно заражен, следуйте инструкциям ниже.
2. Убедитесь, что файл с расширением FONT завершен и не содержит ошибок
3. Проверьте, есть ли у пользователя, вошедшего в систему, права администратора.
Существует вероятность того, что данный файл может быть доступен только пользователям с достаточными системными привилегиями. Переключитесь на учетную запись с необходимыми привилегиями и попробуйте снова открыть файл Font Data.
4. Убедитесь, что в системе достаточно ресурсов для запуска The Secret of Monkey Island: Special Edition
Операционные системы могут иметь достаточно свободных ресурсов для запуска приложения, поддерживающего файлы FONT. Закройте все работающие программы и попробуйте открыть файл FONT.
5. Убедитесь, что ваша операционная система и драйверы обновлены
Последние версии программ и драйверов могут помочь вам решить проблемы с файлами Font Data и обеспечить безопасность вашего устройства и операционной системы. Возможно, файлы FONT работают правильно с обновленным программным обеспечением, которое устраняет некоторые системные ошибки.
Вы хотите помочь?
Если у Вас есть дополнительная информация о расширение файла FONT мы будем признательны, если Вы поделитесь ею с пользователями нашего сайта. Воспользуйтесь формуляром, находящимся здесь и отправьте нам свою информацию о файле FONT.
Шаг 2: Оптимизация загрузки
До сих пор мы рассматривали только то, где размещать файлы с серверов Google на наших серверах. Это хорошо, но недостаточно. Мы хотим, чтобы наши файлы шрифтов начали загружаться сразу же, а не после того, как был проанализирован CSS и создан CSSOM.
Мы можем сделать это с помощью подсказки ресурса preload: Preload — это декларативная выборка, позволяющая указать браузеру выполнить запрос на ресурс, не блокируя событие документа onload.
Внимание. Прежде чем мы продолжим, убедитесь, что вы понимаете, что preload будет загружаться ресурс, независимо от того, используете вы его или нет. Предварительно загружайте только те ресурсы, которые необходимы на определенной странице.
Как выбрать тип файла для предварительной загрузки? Подсказки ресурсов доступны не во всех браузерах, но все браузеры, которые поддерживают preload, также поддерживают WOFF2, поэтому мы можем смело выбирать только WOFF2. В HTML-файле добавьте подсказки ресурсов для всех файлов шрифтов WOFF2, необходимых для текущей страницы:
Программы, которые поддерживают FONT расширение файла
В следующем списке перечислены программы, совместимые с файлами FONT, которые разделены на категории 2 в зависимости от операционной системы, в которой они доступны. Файлы с суффиксом FONT могут быть скопированы на любое мобильное устройство или системную платформу, но может быть невозможно открыть их должным образом в целевой системе.
Подключение шрифтов с помощью правила @font-face
Есть альтернативный способ, при котором файлы со шрифтами хранятся вместе с остальными ресурсами сайта. Для них принято заводить отдельную директорию в корне проекта — например, fonts . В неё следует поместить файлы для каждого начертания в нужных форматах — в большинстве случаев, если не требуется поддержка старых браузеров, подойдут .woff и .woff2, о которых мы говорили ранее. Шрифты можно скачать на различных ресурсах. При этом всегда нужно обращать внимание на лицензию — некоторые шрифты могут быть недоступны для коммерческого использования.
После того, как шрифты добавлены в проект, их нужно подключить в CSS-файле. Для этого используется правило @font-face . В самом базовом варианте оно будет включать:
Название шрифта, которое затем нужно использовать, чтобы задать элементам подключённый шрифт.
Адрес файла со шрифтом, который нужно подключить, и его формат. Если адресов несколько, их можно указать через запятую. В этом случае важен порядок — браузер будет последовательно пытаться подключить файлы. Первым должен быть самый подходящий формат, а далее — запасные варианты. Также с помощью функции local можно добавить возможность перед загрузкой шрифта с сервера проверить, установлен ли он на компьютере пользователя. Если да, запроса к серверу за шрифтом не будет — при рендеринге используется локальная версия. Но у этого способа есть минус — шрифт на компьютере пользователя может быть устаревшим, и тогда страница отобразится не совсем так, как было задумано.
Начертания: жирное, курсивное и так далее. Для каждого начертания нужно отдельное правило @font-face .
Базовый вариант правила:
Для улучшения производительности правило @font-face лучше всего прописывать в самом начале CSS-файла. Так браузер сможет раньше начать обработку шрифта.
Какой популярный Font Files Extensions?
TTF
Формат: -
Разработчик: Apple
TTF или формат шрифтов TrueType обычно используется в Windows, а также Mac OSX. TrueType шрифты позволяют изменения размера без потери качества отображения, обещая высокий уровень разрешения для компьютерных экранов, а также принтеров. TrueType шрифт состоит из двух частей: описания самого шрифта, а также программы, которая считывает описание шрифта и генерирует растровые изображения.
OTF
Формат: -
Разработчик: -
OTF или файл шрифта OpenType формат, созданный Adobe и Microsoft, содержит данные на экране и шрифтов принтера в одном компоненте. Он также имеет поддержку нескольких платформ и расширенных наборов символов с поддержкой хранения до 65 000 символов. Она поддерживается на Windows, а также Mac OSX.
FNT
Формат: Двоичный
Разработчик: -
FNT или Windows, шрифт Формат файла, используемый Microsoft Windows, содержит растровые или векторные шрифты. Файлы с расширением FNT являются универсальными и могут использоваться несколькими программами.
FON
Формат: -
Разработчик: -
Расширение FON файл представляет собой старый формат файла шрифта, обычно используемый библиотекой шрифтов в системах 3.x Windows. Одним из недостатков использования формата FON является то, что он не поддерживает изменение размера, как современные форматы файлов шрифтов (TTF, OTF). Кроме того, он также может выглядеть на бумаге при печати, чем она на самом деле выглядит на экране компьютера.
MF
Формат: -
Разработчик: -
Формат MF или файл METAFONT содержит шрифты как глифы (представленные в виде системы уравнений и заливок). Он используется TeX, язык разметки для книгопечатания и LaTeX, система верстки высокого качества. MF-файлы могут быть преобразованы в общий файл шрифта (файл GF), используя программу с тем же именем называется METAFONT.
Текст — основная часть контента на большинстве сайтов, и важно грамотно подходить к его отрисовке. В этой статье мы разберём базовые моменты, касающиеся подключения и оптимизации шрифтов.
Сразу стоит отметить, что самый простой вариант — вообще не подключать сторонние шрифты и пользоваться стандартными, которые предустановлены в большинстве операционных систем. Это хорошо знакомые Arial, Times New Roman и так далее — эти шрифты называются веб-безопасными, достаточно просто указать название одного из таких шрифтов в коде, и всё будет работать.
Но чаще всего дизайн макета не позволяет обойтись веб-безопасным шрифтом, а требует использовать какой-то нестандартный. В этом случае при загрузке страницы файл со шрифтом нужно подгружать с сервера по той же схеме, что и остальные ресурсы — CSS-файлы, изображения и так далее. Он может весить довольно много, именно поэтому для быстрой загрузки страницы выгоднее сначала рассмотреть возможность использования стандартных шрифтов. Но даже с нестандартными шрифтами можно избежать большинства проблем, если уделить внимание оптимизации.
Подключение шрифтов с помощью Google Fonts
Есть простой и удобный способ подключить нестандартный шрифт — использовать Google Fonts. Это бесплатный сервис, с помощью которого можно подключать шрифты, но не хранить их на своём сервере. Чтобы им воспользоваться, необходимо выбрать шрифт и добавить одно или несколько нужных начертаний, а затем вставить в ссылку, которую сгенерирует Google Fonts во вкладке Embed.
Этого достаточно, чтобы шрифт подключился. Теперь его можно использовать в свойстве font-family без каких-либо дополнительных действий.
Стоит отметить, что после основного шрифта важно указать веб-безопасный. В случае, если нестандартный шрифт не загрузится, браузер воспользуется альтернативным. Его нужно подобрать максимально похожим на основной шрифт.
Плюсы этого способа — простота использования и всегда актуальные версии шрифтов, Google Fonts их часто обновляет. Но у него есть и минус — запросы к сторонним серверам могут негативно повлиять на скорость загрузки страницы. Если выбираете этот способ, стоит обратить внимание на оптимизацию.
Читайте также: