fonts что это за папка
Fonts что это за папка
Как правило, пользователям приходится время от времени сталкиваться с проблемами комплектования шрифтами, выбора шрифта для той или иной работы и т.п. Здесь я делюсь некоторым опытом и соображениями в решении подобных вопросов на примере системы Windows98SE.
Стандартный набор средств Windows очень скромен, но для многих пользователей и для многих приложений достаточен по своим возможностям. Собственно он состоит всего из двух компонент: системной папки Fonts (Шрифты) и программы Charmap (лежит непосредственно в папке Windows)
Системная папка Fonts
Откройте Control Panel\Fonts (Шрифты). Перед Вами предстанет перечень всех установленных в системе шрифтов, подберите удобный «вид» (я предпочитаю «список») и полюбуйтесь.
Слева внизу скромные маленькие цифры – это количество установленных шрифтов, хорошо, если количество соответствует рекомендациям части 1 (Izone 518). Команды из меню «Файл» позволяют удалять неугодные шрифты или добавлять шрифты из любых других директорий и дисков, доступ к которым открывается из подменю «установить шрифт».
Два клика левой кнопкой по названию шрифта открывают окно с информацией: наименование, размер файла, начертания всех символов (малюсенькие, но всё-таки различимые). Имеется образец дивного спецтекста, зато содержащего все символы алфавита, или образец наименования операционной системы; и вся эта странная красота для удобства восприятия представлена в куче масштабов.
Случается, что системная папка утрачивает в своём меню специфичные для неё пункты (например, «Установить новый шрифт»). Причина может быть одной из перечисленных:
Для восстановления системного атрибута на каталоге «Fonts» следует перейти в сеанс MS-DOS, в каталоге Windows выполнить команду
ATTRIB FONTS +S и перезагрузить компьютер.
Для восстановления файлов Fontext.dll и Desktop.ini их можно в сеансе MS-DOS извлечь из инсталляционного комплекта с помощью программы Extrac32.exe (находится в папке Windows). Для всех этих дел можно загрузится с дискеты, открыть досовский файл-менеджер (DOS-Navigator, например) и всё легко в нём выполнить. Также возможно восстановление файлов Fontext.dll и Desktop.ini путём перезаписи из соответствующих папок директории Windows любого работающего компьютера (с помощью банальной дискеты). Однако практикуется также такой кровавый метод, как переустановка системы по-горячему, т.е. поверх действующей. Впрочем, иногда он предпочтительнее, так как требует меньше навыков, а заодно может помочь справиться с другими проблемами.
Полный перечень шрифтов можно также увидеть в папке Fonts (в директории Windows). Уже беглое сравнение вызывает некоторое недоумение: очень похоже на содержание системной папки, но всё же не то. В действительности и там, и там доступны одни и те же шрифты, но в системной папке приведены наименования шрифтов, а в папке Windows наименования файлов, содержащих шрифты. Конечно, было бы естественным совпадение этих наименований, однако, как правило, они только похожи, вернее, позволяют вычислить или угадать, какие из них относятся к одному и тому же шрифту. Это разработчики, а чаще переработчики шрифтов вносят сознательно, а иногда вынуждены вносить разнобой в наименованиях. В частности при доработках, связанных, например, с дополнением в шрифт кириллических или других региональных начертаний.
Но стоит открыть раздел реестра HKEY_LOCAL_MACHINE\ SOFTWARE\ Microsoft\ Windows\ CurrentVersion\ Fonts, всмотреться, и станут доступны взору и пониманию связь между обеими папками – реестр объединяет их. Каждая строка реестра содержит в качестве параметра запись из папки Windows\Fonts и в качестве значения запись из системной папки. Так что противопоставлять различия в содержании системной папки Fonts содержанию папки Windows\Fonts не следует – один и тот же перечень выступает в разных видах.
Charmap
Назначение этой маленькой программки показать одновременно все символы выбранного шрифта. Иногда это бывает просто интересно, но чаще это бывает и необходимо, например, в том случае, когда требуется ввод символа, не имеющего своей клавиши на клавиатуре: знака умножения « ´ », символа градуса температуры « ° », или когда очень хочется изобразить греческую букву дельта « d ».
Открывается программа, выбирается шрифт, греющий взор и душу, выделяется мышкой нужный символ, а в правом нижнем углу появляется код этого символа. Например, Alt+0188. Имейте в виду – это левый Alt и цифры дополнительной (правой) клавиатуры. Символ окажется впечатанным в Ваш текст, как только отпустите все кнопки. Есть и другой метод, это с помощью кнопок окна программы занести выбранный символ в клипбод, а потом воспользоваться по усмотрению.
В кодах, так называемых дополнительных (не привязанных к кнопкам клавиатуры), символов различных шрифтов царит беспорядок, даже полный беспорядок. И символы разные, и коды разные, и масса неиспользуемых кодов – весь этот беспорядок бросается в глаза при рассмотрении таблиц Charmap’а. Но самая главная беда не эта, а та, что часто на экран и, соответственно, на печать выводится совсем не тот символ, какой показывает Charmap. Это грех файлов шрифтов, его источник, видимо, лежит в пиратском происхождении большинства распространяемых у нас шрифтов, в их неаккуратной переработке на разных этапах адаптации к нашей жизни.
Fonts что это за папка?
Как исправить шрифты — безопасно очистить C: \ Windows \ Fonts?
НАКОНЕЧНИК: Click here now to repair Windows faults and optimize system speed
Шрифты — безопасно очищать C: \ Windows \ Fonts? обычно вызвано неверно настроенными системными настройками или нерегулярными записями в реестре Windows. Эта ошибка может быть исправлена специальным программным обеспечением, которое восстанавливает реестр и настраивает системные настройки для восстановления стабильности
Если у вас есть шрифты — безопасно очистить C: \ Windows \ Fonts? то мы настоятельно рекомендуем вам Загрузить (Шрифты — безопасно очистить C: \ Windows \ Fonts?) Repair Tool.
Примечание: Эта статья была обновлено на 2020-07-16 и ранее опубликованный под WIKI_Q210794
Июльское обновление 2020:
We currently suggest utilizing this program for the issue. Also, this tool fixes typical computer system errors, defends you from data corruption, malware, computer system problems and optimizes your Computer for maximum functionality. You can repair your Pc challenges immediately and protect against other issues from happening by using this software:
Увидеть сообщение об ошибке при работе на вашем компьютере не является мгновенной причиной паники. Для компьютера нередко возникают проблемы, но это также не является основанием для того, чтобы позволить ему быть и не исследовать ошибки. Ошибки Windows — это проблемы, которые могут быть устранены с помощью решений в зависимости от того, что могло вызвать их в первую очередь. Некоторым может потребоваться только быстрое исправление переустановки системы, в то время как другим может потребоваться углубленная техническая помощь. Крайне важно реагировать на сигналы на экране и исследовать проблему, прежде чем пытаться ее исправить.
Всякий раз, когда вы видите ошибку окна на экране, самый простой и безопасный способ исправить это — перезагрузить компьютер. Подобно тому, как наши тела нуждаются в закрытом глазе в течение нескольких минут, нашим компьютерам также необходимо отключиться через некоторое время.
Быстрая перезагрузка может обновить ваши программы и предоставить компьютеру чистый сланец, чтобы начать новое предприятие. Чаще всего это также устраняет ошибки, с которыми вы столкнулись после перезагрузки. Также идеально подходит для отключения компьютера один раз в неделю, чтобы полностью отключить все неиспользуемые программы.
Однако, когда перезагрузка больше не работает, используйте более сложные решения Windows для исправления ошибок.
More info on Fonts — Safe to clear C:\Windows\Fonts?
РЕКОМЕНДУЕМЫЕ: Нажмите здесь, чтобы исправить ошибки Windows и оптимизировать производительность системы.
Шрифты Windows 7 Проблема Chrome IE opera fonts не работает должным образом
Я использую его для создания материалов в Photoshop. Помогите, я попробовал удалить все шрифты и установить только делать?
Пожалуйста, помогите, у меня есть окна 7 с большим количеством шрифтов. Исходные окна 7 шрифтов, но я думаю, проблема все еще сохраняется.
Что мне делать как восстановить шрифты окон по умолчанию и удалить установленные пользователем шрифты за одно действие?
Есть ли легко восстановить Спасибо
спасибо — похоже, что он выполнит эту работу, но со своего сайта он заявляет, что он для 2k / xp.
шрифты вернутся к умолчанию в Windows Vista? не все шрифты, установленные в системе (C: \ Windows \ Fonts), показаны
У вас может быть еще несколько файлов C: \ Program Files \ Common Files \ Adobe \ Fonts, но вы их сравниваете? Все, что связано с ранее установленными, больше не доступно. Есть ли разница между здесь:
Я этого не осознал, пока не понял (мне все равно), которого вы не замечаете.
Шрифты отображаются на обновлениях шрифтов Windows 10? Как меню, но они не кажутся доступными.
Какие шрифты можно безопасно удалить из Windows XP?
Вы сохраните крошечный бит памяти, но на современных системах шрифты вызывают уверенность в том, какие шрифты я могу безопасно удалить. У меня есть несколько причин, по которым я не хочу ничего испортить.
Я прочитал несколько мест, о которых я хотел бы это сделать. Моя единственная проблема: я не
нет проблем с производительностью, если у вас не установлено огромное количество их.
Я знаю, что это звучит чрезвычайно новичок, но удаляет некоторые шрифты из Windows.
Lotus ME 9.7 и Clear Fonts
Недавно я установил мой новый XP SP2 PC для CLEAR FONTS. Это работало со всем, кроме некоторых моих 1-2-3 Spreadsheets. Большинство из них теперь отображаются в ясных шрифтах, но некоторые из них не являются. Есть предположения?
Извлечение шрифтов в c: / windows / fonts — его нет?
Однако, когда я пошел использовать, они не появлялись в папке с шрифтом после их установки. Однажды я столкнулся с подобной проблемой, установив шрифты Lydian … они шрифты, они были перечислены и работают.
ehh Я получил его, я должен был сохранить его на столе и перетащить, что не имеет никакого смысла.
Шрифты Linux и шрифтов Windows
Мне очень нравятся сглаженные шрифты, используемые в шрифтах linux в системе Windows? Кроме того, есть ли способ приблизить все-черный АА.
Естественно, на ЭЛТ, чтобы скачать? Я предпочитаю ПК и ЖК-дисплей.
Место Linux Mandrake по сравнению с используемыми в Win2000. Мне интересно, если я получу Win XP, и использовать это не очень хорошо. Улучшение работы осталось и немного синего справа (или наоборот). По-моему, он варьируется от человека к человеку, но он дает мне головную боль, используя его.
ClearType плохо сочетается с ЭЛТ. Сглаживание ClearType работает, добавив красный цвет в параметр cleartype, если я получу улучшение на своем домашнем ЭЛТ.
Пожалуйста, помогите мне иметь размытые шрифты и хочу видеть их четкими и понятными
Я могу прочесть их как раз на скриншоте. Может быть, потому, что монитор не убирает их? Есть ли способ узнать, почему все мои шрифты размыты. Возьмите не так хруст, как хотелось бы.
У меня есть карта GE Force 8500 XFX и ее собственное разрешение, или потому что Cleartype включен.
ПОМОГИТЕ! Шрифты, вызывающие сбои Windows Explorer, не могут получить доступ к папке Fonts.
Мы сожалеем, что вернулись, и я могу продолжать использовать компьютер. посмотрите, что находится внутри папки шрифтов. Кажется, у него нет идей?
Используя этот метод, я могу
Затем я делаю всплывающий поиск в пределах шрифтов и за неудобства. Кто-нибудь влияет на любую другую компьютерную функцию. Когда я пытаюсь получить к нему доступ, Windows Explorer отключается, результаты поиска на рабочем столе дают мне содержимое папки Fonts.
Шрифты Vista Aero и Clear Type и т. Д.
Ваш монитор установлен в Aero и basic. Невозможно воспроизвести вашу проблему. Мой шрифт выглядит (для меня)
правильно? Титульные шрифты во всех браузерах, просматриваемых как открытые шрифты
Джейми в том, что кнопка шрифта системы восстановления неактивна и ничего не сделала. На предыдущем обновлении было обновление KB, и проблема исчезла. Я восстановил систему до точки Здравствуйте,
Это началось с изменения даты, есть ли что-то новое в верхней / последней? Обновлений или изменений, внесенных в мою систему IE и Chrome, не было изменено на шрифт с открытым шрифтом. C: \ Windows \ Fonts
Стоит проверить, что проблема с расположением и сортировкой вернулась. Похоже, что заголовок / заголовок шрифтов во всех браузерах, Firefox, в google, но это не помогло.
Я не уверен, как заставить шрифты вернуться к открытому стилю лица. Я уверен, что это за шрифт. Если вы попытаетесь удалить их и посмотреть, не исчезла ли проблема, у меня была проблема с этим вопросом, и это был шрифт, который я установил. Сегодня 2993651 соответствует моей проблеме.
Я также попытался восстановить шрифт по умолчанию в панели управления Windows, не помогая быть проблемой Windows, а не браузером. спасибо за помощь сканирование и отсутствие вируса ». Я запускал полный вирус, чтобы решить эту проблему.
См. Прикрепленное изображение. Поскольку это во всех браузерах, я думаю, что это
Основные шрифты Microsoft Updates для исправления размытых шрифтов
Надстройки, расширения и твики были обнаружены в 6 / 28 / 2011 как рекомендуемое обновление через Центр обновления Windows. Пользователи Firefox могли, например, установить Anti-Aliasing Tuner, чтобы улучшить решение проблем в большинстве систем. Пользователи Internet Explorer после установки Internet Explorer 9. Источник Парень
Это обновление KB2545698 было выпущено при рендеринге в последних версиях Windows в прошлом.
Некоторые пользователи Firefox, например, начали замечать рендеринг шрифтов в своем браузере, Internet Explorer использует оболочку dll. Джим Цитата:
Пользователи Internet Explorer и Firefox критиковали шрифт за разницу после установки или обновления Firefox 4.
Есть серые. ТИА,Dwight Я не уверен, что Dwight, но попробуйте значок файла, который не похож на шрифт. Являются ли эти значки файлов, большинство из которых имеют примеры шрифтов, которые они представляют.
Я запускаю Win 7 Pro 64-бит с памятью 24GB и большим количеством дисков с двухъядерным процессором i7 930.
Скрытые шрифты исправить? Но у меня есть значительное количество шрифтов, которые отображают один и тот же предварительный просмотр, этот помощник видит, имеют ли они какую-либо разницуhttp://www.sevenforums.com/tutorials/1538-sfc-scannow-command-system-file-checker.htmlhttp://www.sevenforums.com/tutorials/433-disk-check.html
Когда я перехожу в Панель управления-> Все элементы панели управления-> Шрифты, я вижу известную проблему?
Как папка Del Font содержит новые установленные шрифты по умолчанию Fonts W7
Теперь я хочу удалить текущую версию Fonts Pro, я установил новые много шрифтов. Скажите, пожалуйста, всем! Спасибо.
Папка Hello по умолчанию. Шрифтовая папка Window 7.
Шрифты веб-браузера изменились после установки новых шрифтов на компьютер
Я пробовал проверять настройки шрифтов браузеров, и они имеют шрифт по-прежнему, теперь выделены полужирным шрифтом.
Недавно я установил два шрифта на компьютер для Typography, и после этого шрифты изменились в Google Chrome и Firefox на этот полужирный шрифт. Любой, кто имеет какую-либо идею о том, как исправить это, будет очень благодарен. Кажется, что по умолчанию сброс обоих браузеров по умолчанию?
Привет Аноним,Вы пробовали настройки, которые были перед тем, как этот новый полужирный текст начал появляться. Firefox — Сброс к умолчаниюБраузер Chrome — сброс до значения по умолчаниюНадеюсь, что это помогает,
Ошибка папки Fonts после установки новых шрифтов
файл в файловом менеджере, а не в проводнике? Http://img139.imageshack.us/img139/3026/error6lh.jpg Спасибо можете ли вы не открывать шрифты в последний раз, а затем удалять их таким образом?
Или jus поиск шрифтов, которые вы добавили, исправить эту проблему?
Ниже приведена ссылка с ПК с компакт-диска, который мы купили много лет назад.
Привет всем, недавно я установил несколько новых шрифтов для своего. Как я могу получить информацию о технических ошибках.
Шрифты — как безопасно удалить ненужные шрифты?
Привет всем, Кто-нибудь знает о более медленном запуске (это относится к XP?) Спасибо. Насколько я понимаю, чем больше шрифтов выбирают и удаляют ненужные шрифты.
Перейти к панели управления — шрифты — простой способ удаления нежелательных шрифтов?
Cant install fonts Шрифты: устройство не готово?
Появляется следующее сообщение об ошибке:[Fontview.exe]Папка шрифтов WindowsУстройство не готовоЯ могу получить доступ к папке шрифтов и видеть шрифты, но я не могу удалить или установить что-либо … У любого есть какой-либо шрифт в Windows 8 Pro. Недавно я не смог решить это?
Я смог установить шрифты, например, 2 несколько месяцев назад.
Совет: создание шрифтов Italic из обычных шрифтов
Это результат моего Откройте шрифт, примените преобразование глифов (перекос), заняв всего пять минут с помощью Font Creator.
Кто-то на форуме высокой логики, нажмите здесь, чтобы протестировать шрифт Devanagari в общедоступном домене. Нажмите здесь, чтобы определить шрифт курсивом, переименовать и сохранить.
Можно также использовать его, чтобы сделать курсивную версию корейского шрифта как можно скорее, чтобы сделать контурные или жирные варианты. Я никогда не делал этого раньше, но это
Процесс PresentationFontCache в Windows 10, и почему он сильно загружает процессор?
Если ваш ПК стал очень медленно работать, проверьте Диспетчер задач, чтобы увидеть процессы, которые могут использовать много ресурсов процессора, вы, возможно, увидели в этом списке процесс presentationfontcache.exe. Этот процесс, возможно, использует 50% процессора или даже 100% процессора (в некоторых случаях). Высокая загрузка ЦП будет заставлять ваш компьютер работать медленно, что может нарушить ваш режим работы.
Даже если завершить процесс из диспетчера задач, то он, скорее всего, вернется через некоторое время или после перезагрузки системы. В некоторых случаях PresentationFontCache.exe может создать проблемы при запуске и значительно замедлить время запуска.
Сегодня мы взглянем на процесс PresentationFontCache и обсудим, насколько он необходим для вашей системы, чтобы она могла функционировать должным образом, так как он может замедлить ваш компьютер загрузив процессоров до 90% и как отключить его.
Что такое процесс PresentationFontCache?
PresentationFontCache.exe это стандартный процесс Windows, который необходим при работе с WPF приложениями (они необходимы разработчикам что бы они могли создавать пользовательские интерфейсы). Важно отметить, что этот процесс может сильно загрузить процессор, даже если ни одно из приложений WPF не работает (зависит от того, что все необходимые в WPF компоненты, установлены на машине: если PresentationFontCache не найдёт их, используя путь по умолчанию — поисковый процесс начинается снова и снова, загружая ЦП до 70-90% и тратя машинное процессорное время).
Когда происходит проблема с PresentationFontCache, пользователи часто сталкиваются с ситуацией, когда система тормозит с первого запуска приложения. Если вы взгляните на его статус, то вы увидите, что он постоянно Starting. В такой ситуации можно попробовать удалить процесс с помощью команды:
net start FontCache3.0.0.0
Но в большинстве случаев это не поможет и PresentationFontCache.exe тут же загружается снова и начинает использовать процессор.
В случае, если ваш компьютер стал медленно работать из-за загрузки процессора процессом PresentationFontCache.exe или вы просто не используете WPF-приложения и хотите избавиться от этого процесса, можно отключить службу в Windows Presentation Foundation Font Cache кэша для повышения производительности:
Нажмите Win+R, введите в поле services.msc нажмите OK;В списке услуг найдите кэш шрифтов – Windows Presentation Foundation Font Cache;
Нажмите на услугу, и нажмите кнопку остановить службы;
Теперь откройте папку C:\Windows\ServiceProfiles\LocalService\AppData\Local\ (возможно, вам придется использовать просмотр скрытых файлов, чтобы увидеть его) и удалите все файлы Font*.dat (такие как FontCache4.0.0.0.dat или файл FontCache3.0.0.0.dat );
Перезагрузите компьютер и проверьте, что проблема пропала.
Важно! Вам нужно удалить файлы, упомянутые выше, только после того, как служба будет остановлена!
Способ 2: Остановка Presentation Font Cache Service
Как уже упоминалось в начале, PresentationFontCache.exe используется в WPF-приложениях. Скорее всего, будет работать после того, как WPF-приложение запускается. Так что, если Вы не используете какие-либо приложения WPF, лучше отключите службу презентации кэша шрифтов, чтобы решить вопрос загрузки процессора для вас. Если Вы не уверены в том, что у вас есть WPF приложения, созданные в Visual Studio для Windows рабочего стола. Так что, если Вы не используете какое-либо из этих приложений или Вы не разработчик, то вы должны после отключения службы презентации кэша шрифтов, работать с нормальной загрузкой процессора.
Здесь представлены инструкции по отключению службы презентации кэша шрифтов
Удерживайте клавишу Windows, и нажмите клавишу R
Введите тип услуги services.msc и нажмите клавишу Ввод
Найдите службу с именем Windows Presentation Foundation Font Cache 3.0.0.0 и дважды щелкните по ней
Выберите отключить из выпадающего меню в разделе тип запуска
Нажмите кнопку Применить и выберите ОК
Как только это будет сделано, вы должны увидеть, что служба больше не занимает ресурсы процессора и нагрузка ЦП должна пойти вниз.
Удерживайте клавишу Windows, и нажмите клавишу R
Введите команду appwiz.cpl и нажмите клавишу Ввод
Должно открыться новое окно. Выберите вариант ремонт и следуйте инструкциям на экране.
Повторите эти действия для всех экземпляров из списка (вы можете иметь несколько экземпляров).
Вот и всё! Теперь вы знаете всё необходимое о процессе PresentationFontCache и как остановить этот процесс в Windows 10.
Как подключить и оптимизировать нестандартные шрифты
Текст — основная часть контента на большинстве сайтов, и важно грамотно подходить к его отрисовке. В этой статье мы разберём базовые моменты, касающиеся подключения и оптимизации шрифтов.
Сразу стоит отметить, что самый простой вариант — вообще не подключать сторонние шрифты и пользоваться стандартными, которые предустановлены в большинстве операционных систем. Это хорошо знакомые Arial, Times New Roman и так далее — эти шрифты называются веб-безопасными, достаточно просто указать название одного из таких шрифтов в коде, и всё будет работать.
Но чаще всего дизайн макета не позволяет обойтись веб-безопасным шрифтом, а требует использовать какой-то нестандартный. В этом случае при загрузке страницы файл со шрифтом нужно подгружать с сервера по той же схеме, что и остальные ресурсы — CSS-файлы, изображения и так далее. Он может весить довольно много, именно поэтому для быстрой загрузки страницы выгоднее сначала рассмотреть возможность использования стандартных шрифтов. Но даже с нестандартными шрифтами можно избежать большинства проблем, если уделить внимание оптимизации.
Для начала стоит выбрать правильный формат шрифта. TTF и OTF — форматы, которые предоставляются с минимальным сжатием или совсем без него. Их стоит использовать только в том случае, если нужна поддержка очень старых браузеров. Во всех остальных ситуациях можно выбрать WOFF и WOFF2 — форматы, которые отличаются высокой степенью сжатия. WOFF2 — усовершенствованная версия предшественника, этот формат можно считать лучшим из существующих. Тем не менее, поддержка WOFF2 хотя и очень хорошая, но пока не абсолютная, поэтому в качестве подстраховки для не самых современных браузеров стоит использовать WOFF.
Подключение шрифтов с помощью Google Fonts
Есть простой и удобный способ подключить нестандартный шрифт — использовать Google Fonts. Это бесплатный сервис, с помощью которого можно подключать шрифты, но не хранить их на своём сервере. Чтобы им воспользоваться, необходимо выбрать шрифт и добавить одно или несколько нужных начертаний, а затем вставить в ссылку, которую сгенерирует Google Fonts во вкладке Embed.
Этого достаточно, чтобы шрифт подключился. Теперь его можно использовать в свойстве font-family без каких-либо дополнительных действий.
Стоит отметить, что после основного шрифта важно указать веб-безопасный. В случае, если нестандартный шрифт не загрузится, браузер воспользуется альтернативным. Его нужно подобрать максимально похожим на основной шрифт.
Плюсы этого способа — простота использования и всегда актуальные версии шрифтов, Google Fonts их часто обновляет. Но у него есть и минус — запросы к сторонним серверам могут негативно повлиять на скорость загрузки страницы. Если выбираете этот способ, стоит обратить внимание на оптимизацию.
Подключение шрифтов с помощью правила @font-face
После того, как шрифты добавлены в проект, их нужно подключить в CSS-файле. Для этого используется правило @font-face. В самом базовом варианте оно будет включать:
Название шрифта, которое затем нужно использовать, чтобы задать элементам подключённый шрифт.
Адрес файла со шрифтом, который нужно подключить, и его формат. Если адресов несколько, их можно указать через запятую. В этом случае важен порядок — браузер будет последовательно пытаться подключить файлы. Первым должен быть самый подходящий формат, а далее — запасные варианты.
Также с помощью функции local можно добавить возможность перед загрузкой шрифта с сервера проверить, установлен ли он на компьютере пользователя. Если да, запроса к серверу за шрифтом не будет — при рендеринге используется локальная версия. Но у этого способа есть минус — шрифт на компьютере пользователя может быть устаревшим, и тогда страница отобразится не совсем так, как было задумано.
Начертания: жирное, курсивное и так далее. Для каждого начертания нужно отдельное правило @font-face.
Базовый вариант правила:
Для улучшения производительности правило @font-face лучше всего прописывать в самом начале CSS-файла. Так браузер сможет раньше начать обработку шрифта.
Оптимизация
Выбор современного формата шрифта, который обладает хорошей степенью сжатия — это только первый шаг к оптимизации. Можно сделать гораздо больше, чтобы увеличить скорость загрузки страницы и сделать пользовательский опыт при взаимодействии с интерфейсом приятнее.
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
У свойства есть несколько значений, которые определяют поведение текста во время загрузки шрифта:
Оптимальное значение — swap, его можно использовать в большинстве случаев, оно удобно для пользователей. При подключении шрифта с помощью Google Fonts это значение установлено по умолчанию. Если же есть необходимость избежать мелькания текста (например, для вдумчивого чтения), подойдёт optional.
Предзагрузка шрифтов
Ещё один способ оптимизации — предварительная загрузка шрифтов. С её помощью можно изменить обычную приоритизацию загрузки ресурсов, тем самым сказав браузеру, что важно загрузить шрифт в первую очередь.
Стоит учесть, что браузер загрузит шрифт в любом случае — даже если он не используется на странице. И, обладая высоким приоритетом, эта загрузка может блокировать загрузку других ресурсов, поэтому нужно грамотно выбирать, что именно предзагружать. Например, если на странице используются три разных шрифта, стоит предзагрузить только основной шрифт без дополнительных начертаний.
Для того, чтобы предзагрузка сработала, нужно поместить в ссылку на шрифт и задать атрибуту rel значение preload:
Также необходимо добавить тип ресурса, в данном случае — font. Предзагружать можно и другие ресурсы — CSS-файлы, изображения и так далее.
Уменьшение количества глифов шрифта
По умолчанию шрифт может содержать глифы (буквы, символы) разных языков и просто редко используемые. С помощью свойства unicode-range можно установить диапазон нужных символов в системе Unicode, тогда браузер будет подгружать сабсет (подмножество) шрифта только в тот момент, когда на странице появится символ из этого диапазона. Предварительно нужно подготовить файлы шрифтов, разбив их на группы.
Например, можно отдельно подключить латиницу и кириллицу, если на сайте представлены версии на двух языках. И с помощью unicode-range браузер поймёт, какой сабсет нужен для конкретной страницы, и загрузит только его. Такой файл будет иметь меньший вес и ускорит загрузку страницы.
Также можно проанализировать, какие конкретно глифы используются на сайте и создать кастомный сабсет исключительно с ними. Для этого есть специальные инструменты.
Google Fonts по умолчанию использует сабсеты. Это можно увидеть, открыв CSS-файл, который подключается в при использовании сервиса. Для каждого языка есть отдельный сабсет. Пример для латиницы и кириллицы:
В статье разобраны только базовые способы оптимизации шрифтов. Но даже их достаточно, чтобы улучшить пользовательский опыт и значительно уменьшить вес файлов шрифтов, ускорив тем самым загрузку страницы.
Полезности
Подключение шрифтов — часть вёрстки
А научиться вёрстке проще, чем кажется. Скидка 1000₽ по промокоду SKUCHNO.