Open Sans

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

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

• Light 300Open Sans Light Light Italic
• Regular 400Open Sans Regular Курсив
• Medium 500Open Sans Medium Medium Italic
• SemiBold 600Open Sans SemiBold SemiBold Italic
• Bold 700Open Sans Bold Bold Italic
• ExtraBold 800Open Sans ExtraBold ExtraBold Italic

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

О шрифте Open Sans

Open Sans — гуманистический гротеск с широко раскрытыми буквами, вертикальной осью и нейтральным, но располагающим тоном. На образце высокие строчные, двухэтажные «a» и «g» и щедрое пространство внутри букв. Шрифт нарисовал Steve Matteson, и в официальных заметках сказано, что его настраивали для печати, веба и мобильных интерфейсов. В марте 2021 года семейство пересобрали как вариативный шрифт и добавили иврит. Теперь у него две оси: насыщенность от 300 до 800 и ширина от 75 до 100. Шесть именованных насыщенностей, от Light до ExtraBold, имеют курсивы — всего 12 начертаний. В файлах 1 152 глифа с наборами для Latin Extended, кириллицы, греческого, иврита и вьетнамского. Тем же обновлением 2021 года семейство перевели на SIL Open Font License. В Google Fonts Open Sans появился в 2011 году.

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

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

Открытые раскрытия и высокие строчные нарисованы для читаемости на экранах компьютеров и телефонов.

Формы и экраны настроек

Regular, Medium и SemiBold различают подписи, значения и заголовки разделов, не меняя семейства.

Печатные отчёты

Шрифт настраивали и для печати, и для экранов, а курсивы подходят для цитат и выделений.

Иврит и латиница рядом

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

Компактная навигация

Если сузить ширину к 75, пункты меню и заголовки таблиц займут меньше места.

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Open Sans";
  src: url("/assets/fonts/OpenSans-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("/assets/fonts/OpenSans-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

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

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

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

Насыщенности — от 300 до 800

Начертаний Thin и Black нет; самая светлая именованная насыщенность — Light, самая плотная — ExtraBold.

Ширина только сужается

Ось ширины идёт от 75 до 100.

Иврит появился в 2021 году

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

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

Подборки с Open Sans

• Шрифты для резюме

  Читаемые антиквы и гротески с открытой лицензией для резюме на одну-две страницы, с насыщенностями и курсивом, которые нужны документу.

• Шрифты для субтитров и подписей к видео

  Простые прочные гротески для субтитров и подписей, выбранные за чёткие буквы в мелких размерах и, как правило, широкий охват языков.

• Гуманистические гротески для удобного чтения

  Гротески с открытыми формами букв, в которых чувствуется перо; в абзацах, документах и интерфейсном тексте читать их удобно.

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

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

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

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