Firefox IE не влияет на шрифты, например шрифт Roboto

Question

Я использую дизайн углового материала, поэтому у меня есть шрифт Roboto. В общем, есть и другие шрифты, но у них одинаковые проблемы.

Roboto шрифт выглядит, как показано ниже в Firefox и IE (слева) и хром (справа):

Почему выглядит красиво в Chrome, но есть что странные вопросы в FF и IE? Как решить эту проблему?

Answer 1

Решить эту проблему следующим образом:

<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'> 

судимых сделать это с помощью CSS @import, но не было везения.

Answer 2

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

Answer 3

Система рендеринга ClearType от Microsoft производит очень плохие результаты на шрифтах TrueType без хорошего шрифтового намека (короче - небольшие фрагменты кода, встроенные в масштабируемый шрифт, искажающие его форму, чтобы он выглядел хорошо даже в более низких разрешениях). Это связано с тем, что ClearType по умолчанию не применяет сглаживание по оси Y. Поскольку Roboto был разработан для мобильных устройств с высокими DPI, у него нет высококачественных подсказок, если они есть, поэтому он будет выглядеть плохо на ClearType в более низких разрешениях.

Хром, вероятно, изменяет поведение по умолчанию ClearType (возможно, в Windows 7 и более поздней версии) или включает в себя собственный рендеринг шрифтов, такой как FreeType. Я не знаю, как заставить IE или Firefox изменить методы рендеринга, поэтому мой лучший совет - использовать только шрифты с высококачественными подсказками для небольших размеров.