Вес шрифта сетчатки Photoshop отличается от настройки css

У меня странная проблема с файлом Photoshop, который я получил от дизайнера. Это веб-сайт, который будет переведен на html и css. Я подозреваю, что дизайнер использовал экран Retina для создания дизайна, потому что размеры пикселей слишком велики.

Все шрифты будут иметь правильный размер, если я использую половину размера пикселя в css от того, что говорит Photoshop, так что это не проблема. Однако проблема заключается в том, что вес шрифта сильно различается между CSS и Photoshop. 700 в фотошопе выглядит как «полужирный» в css (но полужирный не существует в этом конкретном шрифте), есть идеи, как я мог бы решить эту проблему? Вес шрифта 700 в css слишком жирный, чтобы быть правильным. Может ли это быть связано с разрешением сетчатки в файле Photoshop?

Дисплей Retina не повлияет на вес шрифта, вес шрифта — это вес шрифта, независимо от разрешения. Вы получите различия в рендеринге, основанные на сглаживании типа PS, различиях ОС, различиях браузеров и т. д. Не могли бы вы загрузить несколько скриншотов ваших результатов и точные веса, которые вы установили в каждом случае?
У меня была аналогичная проблема при создании сайта с помощью Futura PT. Макеты были созданы на экране Retina со средним (500) весом. Однако, когда эта страница была разработана и позже просматривалась на стандартном ЖК-мониторе, не было никаких различий между весами Book и Medium. Я думаю, что причина этого и вашей проблемы связана с пикселями экрана, доступными на мониторах без Retina.
Шрифты остались на текстовых полях или их расширили? Иногда дизайнеры меняют шрифт в соответствии с потребностями проекта. Если шрифт не полужирный, дизайнер может создать контуры, чтобы сделать символы толще.

Ответы (1)

Я, конечно, вижу, как измерения на основе пикселей будут сильно различаться между различными устройствами, и это может относиться как к восприятию веса шрифта, так и к общей высоте и ширине глифов. Но также существует вероятность того, что шрифты всегда будут различаться между Mac дизайнера и браузером Windows конечного пользователя, если только не используются и не загружаются в браузер одни и те же кроссплатформенные файлы шрифтов. (Это небольшое примечание, но это аспект согласования внешнего вида шрифта, который необходимо учитывать.