Как исправить неправильное отображение шрифта Roboto при подключении через Google Fonts?

Question

[etthree]

Когда подключаю шрифт Roboto на свой локальный сайт он получается чуть более насыщенным чем то что я вижу на сайте Goole Fonts, хотя и там и там стоят одинаковые "жирность" и размер шрифта.

Вот на локальном сайте:


И сайте Google Fonts:


Хотя со скриншотов может казаться что это не критично и незаметно но на деле шрифт на локальном сайте(у меня на экране) выглядит слишком не красиво по сравнению с тем что мне показывают на Googl Fonts.

Вот что в HTML:


И CSS:


На компьютере шрифт Roboto не установлен.
Локальный сервер XAMPP

Это возможно как нибудь решить?

Comments

[kulaeff]

А вы уверены, что font-weight и там и там одинаковый?

[Никита Юдин]

Попробует посмотреть через другой браузер, хром/ie/опера/мозила

[etthree]

kulaeff, Да, уверен.

[etthree]

Никита Юдин, Скрины с хрома как раз. В Microsoft Edge, Mozilla Firefox и Opera все тоже самое.

[SagePtr]

А вы попробуйте слою с текстом выставить opacity: 0.999, если при этом текст станет тут же более тонким шрифтом - то это особенность Хрома такая, связанная с аппаратным ускорением (и возможно не только хрома).

[etthree]

SagePtr, Не помогло.

[Александр]

etthree, а ничего, что у гугла f-w стоит 300, а у вас 400?

[Froggyweb]

etthree, все работает отлично какие косяки у тебя без кода реального пациента никто не поможет
вот пример твоего подключения

[etthree]

Александр, Я же написал что одинаковый font-weight стоит, и там и там 400.

[etthree]

Froggyweb, Я тебя не понял, зачем ты это скинул? Ты читал вопрос?

Answer 1

[sadieff]

На странице fonts.google шрифт не полностью черный, а с прозрачностью color: rgba(0,0,0,.87);

Comments

[etthree]

Действительно, как то упустил из виду эту деталь, теперь выглядит одинаково, спасибо!

Answer 2

[ReActor Дмитрий Вершанский]

либо просто поставьте color: #444; +/-