Как правильно использовать шрифты?

Question

[Valentyn Fetisov]

Есть у меня проект, в нем не стандартные шрифты. 3 рахных шрифта по 4 начертания. Теперь вопрос, мне к каждому блоку или елементу нужно прописывать font-family? или есть какие то другие варианты? в одном блоке может быть 3 елемента и все с разными шрифтами.

Comments

[Юрий Матрос]

Придумай свои классы с определенными стилями и добавляй эти классы к элементам… я бы так сделал)))

[Ankhena]

Если меняется именно семейство, то да, каждый раз писать.
Кастомные свойства помогут облегчить задачу.

Если жирность или наклон, то все вариации подключаются с одним названием. И в классах нужно будет менять только жирность и стиль.

@font-face {
        font-family: "OpenSans";
        src: url("fonts/opensans.woff2") format("woff2"),
        url("fonts/opensans.woff") format("woff");
        font-weight: normal;
        font-style: normal;
        font-display: swap;
        }

        @font-face {
        font-family: "OpenSans";
        src: url("fonts/opensansbold.woff2") format("woff2"),
        url("fonts/opensansbold.woff") format("woff");
        font-weight: 700;
        font-style: normal;
        font-display: swap;
        }

Answer 1

[Виталий Першин]

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