Проблема рендеринга среднего шрифта RobotoCSS

Разбираемся в CSS
Ответить
Anonymous
 Проблема рендеринга среднего шрифта Roboto

Сообщение Anonymous »

Я использую три пользовательских лиц шрифтов для Roboto: < /p>
Roboto Rigtion (Wont-weight: 400) < /p>
roboto medium (font-weeight: 500) < /p>
roboto bold (font-weight: 700) < /p>
Несмотря на то, что плановая сторона: 700). Roboto-medium.woff2 Файл и определение лица шрифта, браузер возвращается к Roboto Regular (400) при использовании шрифта: 500. Регулярная и смелая работа отлично работает-проблема возникает только со средним. < /P>
$font_0: 'Roboto';

$url_0: url(../assets/fonts/Roboto-Medium.woff2);
$url_1: url(../assets/fonts/Roboto-Medium.woff);
$url_2: url(../assets/fonts/Roboto-Bold.woff2);
$url_3: url(../assets/fonts/Roboto-Bold.woff);
$url_4: url(../assets/fonts/Roboto-Regular.woff2);
$url_5: url(../assets/fonts/Roboto-Regular.woff);

@font-face {
font-family: $font_0;
src: $url_0 format('woff2'), $url_1 format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: $font_0;
src: $url_2 format('woff2'), $url_3 format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: $font_0;
src: $url_4 format('woff2'), $url_5 format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
< /code>
предварительная загрузка для среднего также установлена ​​в index.html: < /p>

< /code>
Но он все еще не применяет средний вес и вместо этого возвращается к регулярному. Не применяется должным образом, даже если шрифт определен и загружен?
Любые идеи будут оценены!>

Подробнее здесь: https://stackoverflow.com/questions/796 ... ring-issue
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»