Вычитал, что дело в локальных шрифтах и нужно переименовать шрифт и подключать без 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;
}