Задать вопрос
@Grione

Почему нет отличия у шрифта Roboto 500 и 400 weight?

Вычитал, что дело в локальных шрифтах и нужно переименовать шрифт и подключать без local. Так и сделал.
Подключаю через @font-face. Имя задал другое. local удалил. Но всё равно разницы между 400 и 500 нет.
Подскажите что не так?

@font-face {
	font-family: 'Robotof';
	font-weight: 700;
	src: url('./fonts/roboto/roboto-bold-webfont.woff2') format('woff2'),
		url('./fonts/roboto/roboto-bold-webfont.woff') format('woff');

	font-style: normal;
}

@font-face {
	font-family: 'Robotof';
	font-weight: 500;
	src: url('./fonts/roboto/roboto-medium-webfont.woff2') format('woff2'),
		url('./fonts/roboto/roboto-medium-webfont.woff') format('woff');

	font-style: normal;
}

@font-face {
	font-family: 'Robotof';
	font-weight: 400;
	src: url('./fonts/roboto/roboto-regular-webfont.woff2') format('woff2'),
		url('./fonts/roboto/roboto-regular-webfont.woff') format('woff');

	font-style: normal;
}

html {
	font-family: 'Robotof', sans-serif;
	font-size: 16px;
}
  • Вопрос задан
  • 319 просмотров
Подписаться 1 Простой 10 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@Grione Автор вопроса
Причина была в том, что когда я конвертировал шрифты в woff то не поставил галку cyrillic. Ну и из-за этого всё пошло по одному месту
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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