Отображение шрифта. Rendered fonts
Не понимаю как так происходит: я задаю шрифт, например 'Roboto', открываю браузер, навожу на элемент и вижу что он как и нужно со шрифтом 'Roboto'. Но когда открываю devtools, то вижу в отрендеренных шрифтах Arial Black, а на странице всё верно...
Ответы (2 шт):
Автор решения: andreycrane
→ Ссылка
В случае если вы для импорта шрифта Roboto используете Google Fonts, переместите инструкцию @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap'); к началу вашей таблицы стилей, так, чтоб она была самой первой строкой в вашем коде
Я сталкивался с этой проблемой, и такое решение всегда срабатывало. После того, как строка будет перемещена, убедитесь в консоли разработчика, что шрифты грузятся вашим браузером на вкладке Network