@weranda

Как настроить наследование доп. шрифтов при использовании font-display: swap?

Приветствую.
В стилях прописана вот такая конструкция:
body{
    font-family: 'ubuntu400',Arial,sans-serif;
    ...
}

@font-face {
    font-family: "ubuntu400";
    src: url("font/ubuntu400.eot");
    src: url("font/ubuntu400.eot?#iefix") format("embedded-opentype"),
        url("font/ubuntu400.woff2") format("woff2"),
        url("font/ubuntu400.woff") format("woff"),
        url("font/ubuntu400.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ubuntu500";
    src: url("font/ubuntu500.eot");
    src: url("font/ubuntu500.eot?#iefix") format("embedded-opentype"),
        url("font/ubuntu500.woff2") format("woff2"),
        url("font/ubuntu500.woff") format("woff"),
        url("font/ubuntu500.ttf") format("truetype");
    font-display: swap;
}


Если я добавлю заголовку страницы font-family: ubuntu500, тогда при загрузке страницы заголовок не будет отображен/подменен дополнительным системным шрифтом до загрузки шрифта и будет отображен встроенным в браузер стилем вот так:
5f8e7a0381e35222632297.png
А по логике должен отображаться шрифтом Arial, вот так:
5f8e7a3038886551670162.png
И только потом локальным шрифтом (после того, как он подгрузится):
5f8e7c5d29c62821112682.png

Я подозреваю, что это связано с тем, что я не указал для заголовка дополнительный шрифт. Правда ли это? Расскажите. Разве не должен выбираться шрифт из селектора body автоматически? Надо ли для любых элементов, для которых я прописываю конкретный шрифт (ubuntu500), в обязательном порядке прописывать и запасные шрифты? Если это так, то в моем файле примерно 40 мест, где указан конкретный шрифт для конкретных элементов и добавлять к каждой записи набор запасных шрифтов — это на пустом месте раздувать файл. Какие есть варианты для этого случая:
  1. В любом случае указывать запасные шрифты для каждого элемента, где указан конкретный шрифт.
  2. Что-то другое.
  • Вопрос задан
  • 71 просмотр
Решения вопроса 1
Везде, где указываете название шрифта, который будет применен, нужно прописывать запасной
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы