Колись комусь я сказав, що як тільки запущу новий блог, перша замітка буде саме такою. Нехай буде так.
Передісторія
«За своїми службовими обов'язками» мені часто доводилося вислуховувати від клієнтів фрази в дусі: «Ось в дизайні у мене шрифти хороші, а ви верстали хреново. Дизайнер попрацював краще вас! ». І найчастіше для того, щоб щось довести, доводилося переходити на ввічливо-матірну мову. Тому я вирішив, що варто все це написати кудись, щоб в майбутньому просто кидати посилання. В кінці буде так само трохи подробиць і посилань для розробників.
Що ж не так?
Сайт з шрифтами від Гугла:
Лента.ру (зверніть увагу на букву «С»):
Спершу вам буде здаватися, що на другому скріншоті (в Фаерфокс) просто трохи яскравіший шрифт. Придивившись краще ви зрозумієте, що в хром він як би «квадратний».
Хто винен?
Вся справа в згладжуванні. У Фаерфокс воно набагато краще, ніж в хром, і природно, винні саме розробники Хрома, тобто Гугл.
А ще цілком може бути таке, що ви використовуєте неякісно переконвертовані шрифти. Якщо раптом ви вирішили використовувати якийсь нікому не відомий шрифт (порушивши на нього ліцензію, звичайно ж), то явно ваш верстальник (або ви самі) підшукали який-небудь конвертер шрифтів, який на виході виклав вам всі можливі формати, але в поганому якість. В такому випадку я можу вам порадити fontsquirrel.com. У них відмінний конвертер, але є обмеження на конвертацію деяких шрифтів (через порушення ліцензії).
Що робити?
Залежить від того, хто ви? Розробник або клієнт?
Якщо ви клієнт, то ..
Ідеальний вихід для вас - не використовувати такі шрифти взагалі. Скажіть дизайнеру, щоб він скористався стандартними. або тими, які є на google.com/fonts. Вони найбільш добре відображаються у всіх браузерах.
Або ж купуйте використовувані шрифти. Більшість шрифтарів зараз відразу роблять веб-версії, які навіть можна купити окремо. Це питання вам краще обговорити з дизайнером і розробником.
Якщо ви розробник, то ..
Поясніть клієнту, чому не варто користуватися нікому не відомими гарнітурами.
Проблему ж в хром ви не зможете пофиксить повністю. Можна тільки злегка допомогти хром, підсовуючи йому формати, які він краще відображає. З цього приводу дивіться прекрасний доповідь Ангеліни Сідорцовой про використання кастомних шрифтів.
І не забувайте про те, що якщо кастомний шрифт використовується тільки в декількох місцях (логотип і опис, наприклад), то ви завжди можете поступити так само, як і хлопці з Епл. У них велика частина заголовків вставляється просто зображенням. І всі раді.
на солодке
Зараз (з версії 35) в хром на Віндоус, і всіх браузерах на його основі можна включити галочку в chrome: # 47; # 47; flags під назвою «Включити DirectWrite». Після перезавантаження браузера ви побачите дуже сильні зміни в згладжуванні, завдяки яким шрифти приблизно від 16 пікселів і вище будуть відмінно отрісовиваться. Майже як в Фаерфокс. Зате всі ті, що розміром поменше стануть огидно замиленим і кривими. Особливо це помітно, наприклад, в чаті ВКонтакте.
Користуватися новою функцією чи ні - вирішувати вам. А я сподіваюся, що зовсім скоро користувачі Віндоуза отримають пристойну згладжування.