CSS выравнивание на основе семейства шрифтов - PullRequest
Новая
       54

CSS выравнивание на основе семейства шрифтов

0 голосов
/ 10 марта 2020

Я установил font-family для div на "Vermin Vibes", fantasy, serif;, так что если первый шрифт недоступен, браузер автоматически использует следующий 

#myheader {
    position: sticky;
    top: 1rem;

    text-align: center;

    font-family: "Vermin Vibes", fantasy, serif;
    font-size: 6rem;
}

Проблема в том, что при изменении шрифта family он меняет его размер и выравнивание по верху экрана ...

Как установить top и font-size изменить, когда font-family изменится?

1 Ответ

1 голос
/ 10 марта 2020

CSS касается только стиля вашего контента. У вас могут быть шрифты, зависящие от содержимого, поэтому решение будет модифицировать ваш HTML, поскольку HTML предназначен для определения фактического содержимого страницы. Я думаю, что это будет больше связано с исследованной совместимостью браузера для вашего клиента.

К моменту определения запасного семейства шрифтов содержимое уже загружено. Для этого вам понадобится Javascript.

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

...