Руководство пользователя Отмена

Руководство по устранению неполадок: добавление шрифтов на веб-сайт

  1. Руководство пользователя Adobe Fonts
  2. Введение
    1. Требования к системе и подписке
    2. Поддержка браузеров и ОС
    3. Добавление шрифтов на компьютере
    4. Добавление шрифтов на веб-сайт
    5. Добавление шрифтов в мобильном приложении CC
  3. Лицензирование шрифтов
    1. Лицензирование шрифтов
    2. Управление учетной записью
    3. Лицензирование для пользователей Creative Cloud для организаций
    4. Добавление лицензий на шрифты в учетную запись
    5. Удаление шрифтов из библиотеки подписки
    6. Шрифты Adobe Fonts недоступны для идентификаторов Adobe ID, зарегистрированных в Китае
    7. Почему эти шрифты не включены в мою подписку на Creative Cloud?
    8. Удаление шрифта Morisawa в сентябре 2021 г.
  4. Получение и использование шрифтов
    1. Использование шрифтов Adobe Fonts в приложениях Creative Cloud
    2. Управление шрифтами
    3. Обработка отсутствующих шрифтов в приложениях для настольных ПК
    4. Использование шрифтов в InDesign
    5. Шрифты и оформление
    6. Использование веб-шрифтов в документах HTML5 Canvas
    7. Использование шрифтов в InCopy
    8. Как использовать шрифты в Adobe Muse
    9. Использование веб-шрифтов в Muse
    10. Упаковка файлов шрифтов
    11. Руководство по устранению проблем с добавлением шрифтов
    12. Добавленные шрифты не отображаются в меню шрифтов
    13. «Не удается добавить один или несколько шрифтов» или «Уже установлен шрифт с тем же названием»
    14. Что произойдет, если разработчик обновит используемый мной шрифт?
  5. Дизайн и веб-разработка
    1. Добавление шрифтов на веб-сайт
    2. Руководство по устранению неполадок: добавление шрифтов на веб-сайт
    3. Использование веб-шрифтов в HTML-письмах или новостных рассылках
    4. Использование веб-шрифтов с ускоренными мобильными страницами (AMP)
    5. Селекторы CSS
    6. Настройка производительности веб-шрифтов с помощью параметра font-display
    7. Коды встраивания
    8. Динамический поднабор и предоставление веб-шрифтов
    9. События шрифтов
    10. Почему мои веб-шрифты используются с use.typekit.net?
    11. Сайт не может подключиться к use.typekit.net
    12. Использование веб-шрифтов с CodePen
    13. Поддержка браузеров и ОС
    14. Домены
    15. Использование веб-шрифтов при локальной разработке
    16. Политика безопасности контента
    17. Печать веб-шрифтов
  6. Поддержка языка и возможности OpenType
    1. Поддержка языков и поднабор
    2. Использование функций OpenType
    3. Синтаксис для функций OpenType в CSS
  7. Технологии шрифтов
    1. Цветные шрифты OpenType-SVG
    2. Ten Mincho: важные моменты при обновлении с версии 1.000

С какой проблемой вы столкнулись?

Шрифты не работают ни в одном браузере

Проблема

Решение

Встроенный код отсутствует на сайте.

Вы минифицировали встроенный код в виде файла на своем сервере.

Минификация не допускается Условиями использования и препятствует правильной загрузке шрифтов.

Исключите встроенный код из ваших программ компрессии CSS и JavaScript, и обновите сайт, чтобы использовать встроенный код в том виде, в каком он предоставляется.

Правильное имя семейства шрифтов не было добавлено в CSS.

Добавьте имена семейств шрифтов в CSS. На странице помощи по CSS-селекторам приведены сведения по поиску имен семейств шрифтов для каждого из используемых веб-шрифтов.

Расширение браузера блокирует файлы веб-шрифтов.

Отключите расширение браузера или измените его настройки, чтобы разрешить использование веб-шрифтов от Adobe (ранее назывались Typekit).

Шрифты не работают в мобильных браузерах

Проблема

Решение

Браузер не поддерживается.

Начертание или стиль шрифта не указаны в CSS правильно.

Добавьте начертание или стиль в веб-проект и убедитесь, что они указаны правильно в CSS.

Шрифты отображаются во всех браузерах, кроме Firefox

Проблема

Решение

Скачиваемые шрифты отключены в скрытых настройках.

Одна из скрытых настроек отключает загружаемые шрифты.

  1. Откройте новую вкладку браузера и введите в адресной строке about:config.
  2. В поле поиска введите gfx.downloadable_fonts.enabled.
  3. Задайте значение true. Для изменения значения дважды щелкните строку настроек.

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

Данная настройка указывает, могут ли пользовательские шрифты переопределять настройки браузера. В разделе «Язык и внешний вид > Шрифты и цвета > Дополнительно» выберите параметр Разрешить веб-сайтам использовать свои шрифты вместо установленных выше.

Шрифты отображаются во всех браузерах, кроме Internet Explorer

Проблема

Решение

Режим документов установлен для одной из более старых версий браузера [IE9 или выше].

Использование другого режима документов приводит к использованию неверного формата файлов шрифтов в браузере.

Удалите метатеги, из-за которых Internet Explorer использует другой режим работы документов, такие как

<meta http-equiv="X-UA-Compatible" content="IE=8">

 

Настройка браузера, отключающая отображение загружаемых шрифтов, включена [IE8].

Параметр безопасности может отключить все загружаемые шрифты. В меню «Инструменты > Свойства обозревателя > Безопасность > Пользовательский уровень > Загрузка» найдите пункт «Загрузка шрифта». Разрешите загрузку шрифтов с уровнем безопасности по умолчанию. При выборе высокого уровня безопасности шрифты могут не загружаться.

Весь текст выделен курсивом в Internet Explorer

Проблема

Решение

Установлен режим документов, соответствующий более старой версии браузера.

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

Удалите метатеги, из-за которых Internet Explorer использует другой режим работы документов, такие как

<meta http-equiv="X-UA-Compatible" content="IE=8">


 

Шрифты не отображаются или выглядят «удвоенными» в Safari и Mobile Safari

Проблема

Решение

Начертание или стиль шрифта, используемые в CSS, не включены в веб-проект.

Добавьте начертание или стиль в веб-проект и убедитесь, что они указаны правильно в CSS.

 Adobe

Получайте помощь быстрее и проще

Новый пользователь?