IBM Plex Sans

Попробовать IBM Plex Sans

Насыщенности и начертания

• Thin 100IBM Plex Sans Thin Thin Italic
• ExtraLight 200IBM Plex Sans ExtraLight ExtraLight Italic
• Light 300IBM Plex Sans Light Light Italic
• Regular 400IBM Plex Sans Regular Курсив
• Medium 500IBM Plex Sans Medium Medium Italic
• SemiBold 600IBM Plex Sans SemiBold SemiBold Italic
• Bold 700IBM Plex Sans Bold Bold Italic

IBM Plex Sans — вариативный шрифт: весь диапазон насыщенностей в архиве умещается в отдельных файлах для каждого начертания, а названные выше насыщенности — точки в этом диапазоне.

О шрифте IBM Plex Sans

IBM Plex Sans — семейство гротесков в классической традиции, нарисованное как фирменный шрифт IBM. Формы простые, штрихи ровные, но в них заметны инженерные детали: прописная «I» стоит на горизонтальных засечках, а окончания штрихов срезаны прямо. Семейство разработал Mike Abbink из IBM вместе с Bold Monday; в титрах шрифта названы также Paul van der Laan и Pieter van Rosmalen. Прямое начертание и курсив представлены семью насыщенностями, от Thin 100 до Bold 700, всего 14 начертаний. Оба шрифта вариативные, с осью насыщенности и осью ширины от 75 до 100, так что из тех же файлов можно получить и узкое начертание. В шрифтах 1 021 глиф, они покрывают латиницу, кириллицу, греческий и вьетнамский. У Plex Sans есть родственные семейства Serif и Mono, а в Google Fonts шрифт появился в 2018 году.

Где уместен IBM Plex Sans

Интерфейсы продуктов

Ровные штрихи и семь насыщенностей от Thin до Bold позволяют набрать подписи, навигацию и заголовки в одном семействе.

Техническая документация

Plex Sans набирает основной текст, а моноширинное семейство Mono из того же Plex показывает примеры кода, и всё выдержано в одном стиле.

Плотные таблицы и заголовки столбцов

Если сдвинуть ось ширины со 100 к 75, буквы сужаются, и длинные заголовки помещаются в тесные столбцы без смены шрифта.

Корпоративный стиль

Семейство, нарисованное как фирменный шрифт компании, с родственными Serif и Mono, сохраняет единый голос слайдов, отчётов и сайтов.

Продукты на нескольких письменностях

Наборы латиницы, кириллицы, греческого и вьетнамского позволяют сделать русскую, греческую и вьетнамскую версии на одном шрифте.

Глифы

Поддержка языков

В семействе есть основные буквы, которыми пишут на этих языках:

• Английский
• Французский
• Немецкий
• Испанский
• Португальский
• Итальянский
• Нидерландский
• Шведский
• Норвежский
• Датский
• Финский
• Исландский
• Каталанский
• Турецкий
• Польский
• Чешский
• Словацкий
• Венгерский
• Румынский
• Хорватский
• Словенский
• Литовский
• Латышский
• Эстонский
• Вьетнамский
• Русский
• Украинский
• Болгарский
• Греческий

Письменности помимо латиницы, для которых в семействе есть глифы: Кириллица, Греческий. Это перечень письменностей, а не обещание поддержки каждого языка, который ими пользуется.

Наборы символов в файлах: cyrillic, cyrillic-ext, greek, latin, latin-ext, vietnamese. Список языков — это проверка наличия нужных букв в шрифте, а не гарантия типографского качества для каждого языка.

Лицензия

Шрифты в пару к IBM Plex Sans

Пары подобраны по простым правилам: контрастная классификация и достаточно насыщенностей для основного текста. Это отправная точка, а не окончательный выбор.

Подключение IBM Plex Sans на сайте

Скачайте семейство, разместите файлы на своём сайте и подключите их в CSS. Не ссылайтесь на файлы с trendhub.net: здесь лежат урезанные файлы для превью, и их адреса меняются.

@font-face {
  font-family: "IBM Plex Sans";
  src: url("/assets/fonts/IBMPlexSans-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/assets/fonts/IBMPlexSans-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "IBM Plex Sans", sans-serif;
}

Или подключите шрифт из официального источника. Google Fonts отдаёт IBM Plex Sans с такой разметкой:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">

Что важно знать

Узкое начертание — это ось

В вариативных файлах есть ось ширины от 75 до 100. Чем меньше значение, тем уже буквы; отдельного узкого файла в этом архиве нет.

Самая плотная насыщенность — Bold 700

Ось насыщенности заканчивается на 700. Начертаний ExtraBold и Black в этом семействе нет.

Имя Plex зарезервировано

В лицензионном уведомлении за шрифтом закреплено зарезервированное имя «Plex», поэтому изменённую версию придётся выпускать под другим названием.

Вопросы и ответы

Подборки с IBM Plex Sans

• Чёткие гротески для интерфейсов приложений

  Гротески с открытой лицензией, которые остаются чёткими в кнопках, меню, таблицах и настройках и предлагают нужные интерфейсу насыщенности.

• Вариативные шрифты с осью ширины

  Вариативные семейства, у которых регулируется не только насыщенность, но и ширина букв: от небольшого сужения для подгонки текста до полного диапазона от узкого до широкого.

• Шрифтовые системы: гротеск, антиква и моноширинный в паре

  Семейства, задуманные для совместного использования: гротеск, антиква или брусковый и часто моноширинный, с общими пропорциями, насыщенностями и характером.

Похожие шрифты

Другие семейства той же классификации, по числу общих тегов назначения. Все шрифты в категории «Гротески»