Управление заметно разными размерами нескольких используемых шрифтов

Question

Я использую 2 очень разных шрифта на адаптивном веб-сайте.Сложность в том, что 2 шрифта выглядят совершенно по-разному при одинаковом размере.Поэтому мне нужно так или иначе изменить правила типографики на основе семейства шрифтов.Я всегда могу использовать класс, где бы я ни использовал вторичный шрифт, и управлять размером, но вдруг мне придется продублировать адаптивные правила типографики.

Есть ли более простой способ сделать это?связано с некоторым определенным атрибутом font- *, который масштабирует визуализированную высоту шрифта, или селектор на основе семейства шрифтов?

Answer 1

Когда вы объявляете свой шрифт для элемента, вы можете просто добавить свой размер шрифта.

.navigation p {
   font-family: 'A';
   font-size: 1em;
}

p {
   font-family: 'B';
   font-size:1.2em;
}

Поскольку вы можете использовать только один шрифт для текста, вам не нужен селектор семейства шрифтов.