System Fonts

Описание

Системные шрифты заносятся в таблицу стилей, которая позволяет Вам использовать родной шрифт для каждой операционной системы, и определяют system-ui css @font-face, который Вы можете использовать в кастомайзере, настройках Вашей темы или в собственном коде.

Пример использования

Тема Twenty Seventeen использует этот селектор CSS для основного текста:

body, button, input, select, textarea {
  font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

We are going to replace it with the default system font.
In you WordPress site, go to Appearance > Customize > Additional CSS and paste this code

body, button, input, select, textarea {
  font-family: system-ui;
}

Помимо font-family, существуют и другие свойства шрифта:

• стиль шрифта: обычный или курсив;
• font-weight: 300 ,(тонкий), 400 (обычный), 500 (средний), 700 (жирный);

Например, этот код делает текст элемента полужирным и курсивным:

#my-element {
  font-family: system-ui;
  font-weight: 500;
  font-style: italic;
}