Использование веб-шрифтов с font-weight:bold по-прежнему не рекомендуется?

в моем веб-проекте мне нужно смешать латинские и кириллические символы. К сожалению, символы кириллицы не являются частью веб-шрифта, поэтому вступает в действие резервный вариант. Поскольку я использую полужирный веб-шрифт, латинские символы выделены жирным шрифтом, но резервный вариант будет только полужирным, если я установлю весь абзац как font-weight:bold или подобное .

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

Что вы думаете? Как я могу решить эту проблему?

Спасибо, Маркус.


person Markus Bucher    schedule 02.09.2016    source источник


Ответы (2)


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

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

Кроме того, если вес, который вы объявляете, недоступен, он не будет отображаться на странице, а просто по умолчанию будет «логически ближайшим» (это из статьи CSS Tricks ниже).

Более подробное описание смотрите здесь: https://css-tricks.com/almanac/properties/f/font-weight/

person Nathaniel Flick    schedule 02.09.2016

Да, по-прежнему рекомендуется этого не делать.

Используя font-weight:bold, вы заставляете браузер попытаться создать полужирную версию этого шрифта, которая часто может выглядеть искаженной/нечеткой. Это называется искусственным стилем.

Вы должны установить разные определения @font-face с разными значениями font-weight, которые используют несколько файлов шрифтов.

person Curt    schedule 02.09.2016
comment
К сожалению, в моем случае я не могу использовать жирный веб-шрифт. Мой вопрос заключается в том, существуют ли известные браузеры, в которых использование искусственного стиля полностью нарушает макет, поскольку в данный момент я не могу найти живой пример. - person Markus Bucher; 05.09.2016