DM Sans

Попробовать DM Sans

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

• Thin 100DM Sans Thin Thin Italic
• ExtraLight 200DM Sans ExtraLight ExtraLight Italic
• Light 300DM Sans Light Light Italic
• Regular 400DM Sans Regular Курсив
• Medium 500DM Sans Medium Medium Italic
• SemiBold 600DM Sans SemiBold SemiBold Italic
• Bold 700DM Sans Bold Bold Italic
• ExtraBold 800DM Sans ExtraBold ExtraBold Italic
• Black 900DM Sans Black Black Italic

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

О шрифте DM Sans

DM Sans — геометрический гротеск с малым контрастом штрихов, рассчитанный на небольшие кегли. На образце видны круглая «o», двухэтажная «a», одноэтажная «g» и круглые точки у i и j. Шрифт нарисовала Colophon Foundry, взяв за основу латиницу Poppins от Indian Type Foundry; в таблице name указан и Jonny Pinhorn. Обновление мая 2023 года расширило диапазон насыщенностей и добавило ось оптического размера, так что теперь семейство — вариативный шрифт с двумя осями: насыщенность от 100 до 1000 и оптический размер от 9 до 40. У девяти именованных насыщенностей, от Thin 100 до Black 900, есть курсивы, итого 18 начертаний. В шрифтах 486 глифов для латиницы и расширенной латиницы, они выпущены под SIL Open Font License 1.1.

Где уместен DM Sans

Текст в интерфейсах

Ось оптического размера начинается с 9, поэтому подписи, подсказки и поля форм могут использовать формы, нарисованные для очень мелких размеров.

Основной текст на сайтах

Малый контраст сохраняет ровные штрихи в текстовых размерах, а Regular с курсивом покрывают сплошной текст и выделения.

Заголовки посадочных страниц

Ось насыщенности выходит за Black 900 и доходит до 1000, так что заголовки получают более плотное начертание, чем дают именованные насыщенности.

Брендинг продукта

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

Слайды и отчёты

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

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "DM Sans";
  src: url("/assets/fonts/DMSans-Italic-VariableFont_opsz%2Cwght.ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("/assets/fonts/DMSans-VariableFont_opsz%2Cwght.ttf") format("truetype");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

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

Или подключите шрифт из официального источника. Google Fonts отдаёт DM 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=DM+Sans:ital,wght@0,100..1000;1,100..1000&display=swap" rel="stylesheet">

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

Ось доходит до 1000

Ось насыщенности заканчивается на 1000, на шаг выше Black 900; перечисленные здесь именованные насыщенности останавливаются на Black.

Оптический размер от 9 до 40

Программы с автоматическим оптическим размером выбирают значение по размеру шрифта; в остальных его можно задать вручную.

Только латиница и расширенная латиница

486 глифов охватывают языки Западной и Центральной Европы. Кириллицы, греческого и вьетнамского нет.

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

Подборки с DM Sans

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

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

• Геометрические гротески

  Гротески, построенные на окружностях, прямых и ровных штрихах: от дизайнов в духе 1920-х до современных фирменных гарнитур.

• Вариативные шрифты с осью оптического размера

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

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

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