@Bestolkovy

Как правильно подключать @font-face?

Здравствуйте!

Скажите, пожалуйста, какой из трёх вариантов подключения шрифтов, является правильным?

Вариант 1:

@font-face {

    font-family: "Font name";

    src: url('font-webfont.woff2') format('woff2');

    font-weight: normal;
    font-style: normal;

}

p {

    font-family: "Font name";
    font-weight: 400;

}


Вариант 2:

@font-face {

    font-family: "Font name";

    src: url('font-webfont.woff2') format('woff2');

    font-weight: 400;
    font-style: normal;

}

p {

    font-family: "Font name";
    font-weight: normal;

}


Вариант 3:

@font-face {

    font-family: "Font name";

    src: url('font-webfont.woff2') format('woff2');

    font-weight: normal;
    font-style: normal;

}

p {

    font-family: "Font name";
    font-weight: normal;

}
  • Вопрос задан
  • 187 просмотров
Решения вопроса 1
SkiperX
@SkiperX Куратор тега CSS
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Смотря сколько жирностей шрифта тебе нужно. Что я имею ввиду:
8d4f7e25c2df4797803239f2590e45c9.png
Если тебе нужно 400, 500, 700 и 900, то в @font-face нужно это указать.
А если тебе нужен только один 500, то можно написать
@font-face {
    font-family: "Font name";
    ...
    font-weight: normal;
}
Ответ написан
Комментировать
Это все одно и тоже, разницы между "normal" и "400" нет
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы