Шрифт Roboto в Chrome отображается неправильно

Я работаю на клиентском сайте, и у меня проблема с рендерингом шрифта Roboto.

в Chrome (ver. 43.0.2357.65 m) все различные веса Roboto выглядят одинаково. Вот пример: Осталось Mozilla Firefox, право Chrome http://i.stack.imgur.com/dX4Lx.jpg

ты хоть представляешь, что с ним не так?

спасибо

9
css google-chrome html roboto web

7 ответов

Ну, это такой позор, но у меня была старая версия Roboto, установленная на моем компьютере.
Поскольку я удалил, все снова работает нормально.

Я должен сильно прижаться лицом к лицу..

13

у меня такая же версия и все работает.

попробуйте включить шрифт в CSS с этим кодом

@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);

body {
   font-family: 'Roboto', sans-serif;
}

и выберите font-weight: 300; for exemple и посмотреть, работает ли это.

5

Если вы используете браузер @fontface evert, используйте другой формат шрифта, поэтому полный css выглядит так:

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

но, как было предложено с помощью шрифтов google, у вас не должно быть проблем.

1

У меня была такая же проблема, для меня работала калибровка моих мониторов и:

  1. перейти к chrome: / / флаги/
  2. ускоренный 2D холст - > включить
  3. 2D canvas - > включить перезагрузку Chrome.
1

У меня была аналогичная проблема. Я заметил, что все точки квадратные, а не круглые. Скачать свежую копию шрифт Roboto здесь и переустановите его на своем компьютере.

0

в моем случае, для еврейского сайта,font-weight был установлен до 900 и выход показывался по-разному в браузерах Firefox и Chrome, хотя я следовал правила встраивания Google-шрифта правильно:

//For example:
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700,900" rel="stylesheet">

устранение: Я только что обновил font-weight to 700 вместо 900 и это решило проблему.

0

Если вы используете Adobe Creative Cloud, и у вас есть Roboto в качестве шрифта, вы можете столкнуться с проблемами, когда все вещи в Chrome затем получить Roboto Bold. Я отключил шрифт из Adobe Fonts, и он исправил мою проблему, но в некоторых продуктах Google, таких как GMAIL, без засечек выделен жирным шрифтом, и вы не можете отключить жирный шрифт. Я не знаю, почему, и я не могу найти никакой хорошей информации о том, как это решить.

0