Почему шрифт на сайте нечеткий?

Question

[Александр Вербицкий]

Понравился шрифт на сайте, решил прикрутить к своему. Но есть проблема, почему-то на моем сайте он какой-то нечеткий

Браузер один и тот же (chrome), размер шрифта тоже (16px).

Почему так может быть?

Comments

[Владимир Кашутин]

Сложно по скрину на глаз заметить разницу. На каком сайте какой шрифт понравился?

[Александр Вербицкий]

Владимир Кашутин, Ну вот, Мой сайт и Аsos... Видно, что в асосе все четко, не расплывается.

[Ankhena]

Современным браузерам нужны форматы woff2 и woff (для предыдущего поколения). Подключать нужно именно в таком порядке.
Вы сравниваете шрифты в разных форматах. И у вас каша в порядке подключений.

[Александр Вербицкий]

Ankhena, Ну вроде всё подключил:

@font-face {
    font-family: 'futura-pt';
    src: url('../fonts/FuturaPT-Light.eot');
    src: url('../fonts/FuturaPT-Light.woff2') format('woff2'),
    url('../fonts/FuturaPT-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaPT-Light.woff') format('woff'),
    url('../fonts/FuturaPT-Light.ttf') format('truetype'),
    url('../fonts/FuturaPT-Light.svg#futura-pt') format('svg');
    font-weight: normal;
    font-style: normal;
}

Всё верно?

[Ankhena]

Александр Вербицкий, нужны только woff2 и woff.
И почему у light стоит жирность normal?

Answer 1

[Roman Khegay]

Добавьте в css:

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}