Переход шрифта при замене шрифтов

Question

У меня есть внешняя загрузка шрифтов из Google Fonts. Я использую font-display: swap; для отката на шрифт по умолчанию, пока не будет загружен внешний шрифт. Однако, когда он меняет местами шрифты, переход становится действительно резким.

Есть ли способ перевести это поведение смены шрифтов, чтобы иметь переход затухания, например?

Answer 1

Вы не можете использовать переходы или анимацию с font-family.Однако вы можете попробовать использовать два элемента div, каждый из которых имеет свой шрифт.Вы скрываете второй div по умолчанию, а затем анимируете непрозрачность первого div в 0, а непрозрачность второго div в 1.