Стандартизация веса шрифта между OSX и Windows

Question

Стандартизация веса шрифта между OSX и Windows

4

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

Например, это тот же шрифт, на том же сайте, в том же браузере, но в разных операционных системах:

Здесь Arial демонстрирует сходные различия:

Есть ли способ изменить отображение шрифтов в Windows или OSX, чтобы они выглядели ближе друг к другу? Или есть какой-то другой способ справиться с этой разницей?

Chuck Le Butt 02 май 2013, в 18:17

Источник

0

Лучшее, что вы можете сделать, - это обойти его и не использовать разные веса / стили, если вы явно не используете шрифт для стиля веса (т. Е. MyFont, MyFont Bold, MyFont Heavy, MyFont Italic и т. Д.).
prodigitalson 02 май 2013, в 15:56
0

Есть несколько способов изменить визуализацию шрифтов для себя, но я ничего не знаю для программиста / разработчика, чтобы заставить их настраивать страницу людей операционной системы
snaplemouton 02 май 2013, в 15:58
0

Примеры выглядят как случаи, когда фактический вес шрифта различен, а не как обычные различия в отображении шрифта. Пожалуйста, предоставьте действительные коды и / или URL-адреса, которые вызывают эти различия.
Jukka K. Korpela 02 май 2013, в 16:41
0

@JukkaK.KorpelaJukkaK.Korpela Они не имеют различий в весе шрифта. Я проверил их все в инструментах разработчика. У всего есть вес шрифта, установленный на "нормальный" или "400". Я не могу предоставить более 2000 строк CSS-файла (WP). Если вы хотите убедиться в этом сами, вы можете легко зайти на любой сайт Wordpress для второго примера.
Chuck Le Butt 02 май 2013, в 20:02

Показать ещё 2 комментария

Теги:

html

css

macos

windows

webfonts

1 ответ

Ещё вопросы

Лучшее, что вы можете сделать, - это обойти его и не использовать разные веса / стили, если вы явно не используете шрифт для стиля веса (т. Е. MyFont, MyFont Bold, MyFont Heavy, MyFont Italic и т. Д.).
Есть несколько способов изменить визуализацию шрифтов для себя, но я ничего не знаю для программиста / разработчика, чтобы заставить их настраивать страницу людей операционной системы
Примеры выглядят как случаи, когда фактический вес шрифта различен, а не как обычные различия в отображении шрифта. Пожалуйста, предоставьте действительные коды и / или URL-адреса, которые вызывают эти различия.
@JukkaK.KorpelaJukkaK.Korpela Они не имеют различий в весе шрифта. Я проверил их все в инструментах разработчика. У всего есть вес шрифта, установленный на "нормальный" или "400". Я не могу предоставить более 2000 строк CSS-файла (WP). Если вы хотите убедиться в этом сами, вы можете легко зайти на любой сайт Wordpress для второго примера.

Christian Varga · Accepted Answer · 2013-05-02T17-07-00.000Z

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

Несколько вещей, о которых нужно помнить, - это использовать только весы, которые вы включили, например, не используйте font-weight: bold на пользовательском шрифте, если на самом деле вы не включили жирную версию этого шрифта. "Браузер смелый" всегда выглядит перепутанным по сравнению с фактическим жирным шрифтом.

Кроме того, для некоторых шрифтов я обнаружил, что мне нужно изменить свойство сглаживания шрифтов для браузеров webkit, поскольку по умолчанию (подпиксель-сглаживание) может показаться немного тяжелым. Вы можете добавить это свойство к любому элементу, который использует проблемный шрифт (даже если это необходимо).

-webkit-font-smoothing: antialiased;

Несколько хороших советов здесь. (Шрифт отображается как «Нормальный», а не «Жирный».) К сожалению, именно клиент считает, что шрифт выглядит слишком жирным в OSX - и, честно говоря, я не могу не согласиться! Я попробую ваш трюк с webkit, но посмотрим, поможет ли это.
Это очень полезное исправление. Спасибо!
Сглаживание было именно то, что я искал, спасибо!
Что делать, если я хочу использовать OSX-рендеринг в Windows, а не наоборот (сглаживание)
@snake Есть три свойства для -webkit-font-smoothing . none , antialiased и subpixel-antialiased . Кроме этого, все, что я написал в своем ответе, остается правдой. Вы не можете контролировать способ отображения шрифтов на машинах других людей.