Почему толщина шрифта Roboto ниже 700 не работает?

Question

[Александр Журавлев]

Здравствуйте, я совсем сбит с толку. Была страница со шрифтом Roboto, толщина от 100 до 700, подключен через Google Fonts, все работало прекрасно. А потом взяло и перестало работать. Решил проблему при подключении именно нужной толщины через font-face, но, черт возьми, почему перестало работать?

JSFiddle демонстрация: https://jsfiddle.net/czLe5ya7/


Единственная разница заметна на 700 шрифте, остальные все 500.

Comments

[Kovalsky]

Такая же фигня

Answer 1

[dom1n1k]

Такое может быть, если шрифт Roboto установлен в системе, но не во всех версиях.
Браузер находит его локально и радостно начинает использовать, не качая ничего из веба.
Попробуй дать веб-версии другое имя, чтобы не пересекались.

Comments

[Александр Журавлев]

Спасибо, решил с помощью вашего комментария

Answer 2

[Александр Журавлев]

Решил следующим способом: открыл css файл по ссылке шрифта из гугл фонтс

Сохранил к себе и подключил

Заменил все font-family: 'Roboto'; на font-family: 'Robotof';
И конечно в основном css подключил как font-family: 'Robotof', sans-serif;

Убрал все ссылки local() из css

Hallelujah!

Спасибо всем кто ответил

Answer 3

[Сергей Горячев]

На ГФ всё прекрасно https://fonts.google.com/specimen/Roboto
Как в общем и в песочнице https://jsfiddle.net/czLe5ya7/1/
Вы что-то делаете не так :)
Ну, или правда, кэшируется что-то.

Comments

[Kovalsky]

Кстати, во всех фидлах я тоже вижу, что weight визуально одинаковый

[Сергей Горячев]

Никита Полевой: Ну, хз, в первом фиддле вообще шрифт не был подключен, там откуда взяться Роботе.
А в моем подключен, я вижу нормально толщину, даже скрин добавил.
У меня шрифты Робото не установлены.

[Kovalsky]

Sergey Goryachev: а я кажется нашёл проблему - в этом фидле виндовый хром 54 говорит "Uncaught SyntaxError: Invalid or unexpected token" на первом же символе

А этот фидл у вас тоже нормально выглядит?

[Сергей Горячев]

Никита Полевой:

Answer 4

[iBird Rose]

все нормально работает. у тебя скорее всего либо кэш. либо установленные в ОС шрифты - все одной ширины. в общем удали все Roboto шрифты из компа, чтобы он грузил из гугла, а не из компа. и почисти кэш

Comments

[Сергей Горячев]

"удали все шрифты из компа"
Осторожнее с такими советами xD Вдруг удалит вообще все) Будет новый вопрос на тостере)))

[iBird Rose]

Sergey Goryachev: исправил)

[Сергей Горячев]

А вообще, я сейчас подумал, как хорошо, что на линуксе и на вайне разные шрифтовые папки. Такой проблемы не возникнет. Для фотошопа ставлю шрифты на вайн, а верстаю всегда нормально с линухи. И косяк с установленными шрифтами не вылезет)

Answer 5

[Elwen]

Попробуйте сменить способ подключения шрифта. В вашем фидле у меня тоже отображается только regular и bold. Если же подключить шрифты, не как внешний ресурс, а использовать @import или <link>, то все отображается как надо.

https://jsfiddle.net/z3xt0pye/ - import
https://jsfiddle.net/czLe5ya7/1/ - link

Comments

[Kovalsky]

Пруфов не осталось, но я так делал и у меня та же петрушка, ничего не решилось

[Александр Журавлев]

Не решило проблему(

[Александр Журавлев]

У меня все так же prntscr.com/d0poog prntscr.com/d0por4