Как убрать нечеткость в шрифте?

Question

[Антон]

Слева как должно быть, справа как получилось.
Не пойму почему отличия.
Слева это скриншот с браузера, т.е. не картинка из фотошопа. Стили скопировал один в один, почему так получается? Смотрел стили через консоль браузера тоже все одинаково.
Может есть то, о чем я не знаю.
Тот же код вставляю в Кодепен - нормально отображается. На сайте размыто.
https://codepen.io/anon/pen/jZdeVz

Answer 1

[dom1n1k]

А это точно один и тот же шрифт? По-моему, нет.

Comments

[Антон]

Я подозреваю что связано с тем, что в одному случае опенсанс cyrillic а в другом нет?!?!

[dom1n1k]

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

[SagePtr]

Просто разные алгоритмы отображения
А, нет, разные шрифты, буква К другая. В первом случае наверняка шрифт не загрузился и заменился на Arial или что там по дефолту

[dom1n1k]

Да, похоже что слева Arial, а справа Open Sans (который узнаётся по слоноподобной И)

Answer 2

[SagePtr]

В разных программах разные алгоритмы отображения растровых шрифтов. Вы удивитесь, но даже в трёх разных браузерах (Firefox, Chrome, IE) будут по-разному отображаться. И это только на одной ОС, а если те же браузеры взять на линуксе или маке (кроме IE) - то там тоже свои результаты будут, отличающиеся от Windows.
И более того, в фотошопе можно выбрать для текста 5 алгоритмов рендеринга

P.S. Но в вашем примере - у вас шрифт не загрузился, потому отображается стандартный вместо него.