Нужно ли при добавлении семейства шрифтов с помощью @font-face указывать значения по умолчанию для font-weight и font-style?

Question

[justlfm]

Первый вариант:

@font-face { /* Обычное начертание */
  font-family: "Exo";
  src: url("path/to/file.woff2") format("woff2"),
  url("path/to/file.woff") format("woff");
}
@font-face { /* Курсивное начертание */
  font-family: "Exo";
  src: url("path/to/file.woff2") format("woff2"),
  url("path/to/file.woff") format("woff");
  font-style: italic;
}
@font-face { /* Полужирное курсивное начертание */
  font-family: "Exo";
  src: url("path/to/file.woff2") format("woff2"),
  url("path/to/file.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}

Второй вариант:

@font-face { /* Обычное начертание */
  font-family: "Exo";
  src: url("path/to/file.woff2") format("woff2"),
  url("path/to/file.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face { /* Курсивное начертание */
  font-family: "Exo";
  src: url("path/to/file.woff2") format("woff2"),
  url("path/to/file.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face { /* Полужирное курсивное начертание */
  font-family: "Exo";
  src: url("path/to/file.woff2") format("woff2"),
  url("path/to/file.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}

Есть ли какие-то преимущества второго варианта над первым? В чём отличие? Какой вариант использовать?

Comments

[FrelFrloich]

Не обязательно, но вам это поможет в ориентации, я лично вечно забываю что лайт это всегда 300 фонт вейт, болд это 700, а регуляр 400. про лайт я имеюю ввиду название шрифта Oswal light, Oswal regular и тд. Не бывает Oswal light с фонт вейт 700, это уже Oswal bold. В макетах фигмы и тд указанный именно таким способом шрифты.

Человек пишущий ниже не прав и серьёзно неправ. Мне одно непонятно из его реплики, для чего переопределять толщину шрифта, в макетах такого не встречается.

[Ankhena]

FrelFrloich,

Мне одно непонятно из его реплики, для чего переопределять толщину шрифта, в макетах такого не встречается.

В смысле вы не знаете, почему заголовок h1 может иметь одну жирность, а h2 другую?

[Ankhena]

justlfm,

Нужно ли при добавлении семейства шрифтов с помощью @font-face указывать значения по умолчанию для font-weight и font-style?

Браузер ведь как-то должен узнать для какой жирности и для какого стиля вы выдали ему файл.
Вы ничего не укажете, а потом попросите написать италиком. А он нарисует вам нормалом. С жирностью аналогично. Т.е. поступит по своему разумению и даже, возможно, попадет, но зачем эти страдания...

Так что лучше второй вариант. Только пути к файлам разные. Надеюсь у вас одинаковые только для примера.

[FrelFrloich]

Ankhena, видимо мы о разных вещах говорим.
Мне интересно, вы без нормализации верстаете и каково вам? Я честно говоря даже не понял что вы хотели сказать своим постом.
Как грустно жить потому что у каждого браузера свои дефолтные стили? Это вы хотели сказать? Да грустно, наверное тем кто их не сбрасывает.

[Ankhena]

FrelFrloich,

Да грустно, наверное тем кто их не сбрасывает.

Им прекрасно. У них нет километра ненужного кода, который потом всё равно переопределяется макетными значениями.
Нормально - это сразу задавать нужные стили нужным селекторам. Попробуйте, может вам тоже понравится. И посетителям, особенно тем, которые в роуминге.

Человек в ответе, который вы прокомментировали задал разную жирность разным заголовкам. (У него так всё равно ничего не заработает при его способе подключения, без указания ещё и названия шрифта, но не суть)

[FrelFrloich]

Ankhena, Ну да, в роуминге 120 строчек css кода повлияют на загрузку, даже не смешно.

[Ankhena]

FrelFrloich, эммм... загрузка вообще не при чем. В роуминге денюшки актуальнее. И идут они не вам, что самое обидное.

Чем плохо глобальное обнуление отступов я уже писала конкретно вам.
Статью про говнокод тоже давала (повторю, читать её нужно аккуратно и не бросаться исполнять, а подходить с разумом)
Про актуальность нормалайз для современных браузеров писала в других своих ответах - ищется поисковиком.

Так что повторять всё этот тут не имеет смысла.
Вы в своих проектах можете делать что вам больше нравится.

А этот вопрос вообще не про сброс стилей.

Так что оставим эту тему в стороне.

[justlfm]

Ankhena,

Так что лучше второй вариант.

Спасибо за ответ, я вас понял.

Answer 1

[Даня]

Нужно, обязательно