Source Sans 3

Попробовать Source Sans 3

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

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

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

О шрифте Source Sans 3

Source Sans 3 — семейство гротесков от Adobe, которое Paul D. Hunt нарисовал для работы в пользовательских интерфейсах; в официальном описании Source Sans названо первым открытым семейством шрифтов Adobe. На образце видны тонкие прямые буквы с открытыми формами a, c, e и s, умеренной шириной и строчными средней высоты — пропорциями гуманистического гротеска. Семейство — вариативный шрифт с одной осью, насыщенностью, от 200 до 900. Восемь именованных насыщенностей — ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold и Black — имеют курсив, что даёт 16 начертаний. В 2 478 глифах шрифты охватывают латиницу, расширенную латиницу, вьетнамский, кириллицу и греческий, включая расширенные диапазоны кириллицы и греческого. Лицензия — SIL Open Font License 1.1, а в уведомлении зарезервировано имя шрифта Source.

Где уместен Source Sans 3

Интерфейсы приложений

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

Документация и справочные центры

Regular с курсивом подходит для длинных инструкций, а Source Code Pro даёт к нему подходящие моноширинные примеры.

Сайты на латинице, кириллице и греческом

2 478 глифов покрывают вьетнамский, русский, украинский, болгарский и греческий наряду с языками Западной и Центральной Европы.

Отчёты и редакционные страницы

Восемь насыщенностей дают отдельные начертания для основного текста, подзаголовков и крупных светлых заголовков, а Source Serif 4 — его парная антиква.

Доступный основной текст

Открытые раскрытия и умеренная ширина делают абзацы ровными даже в насыщенности 400 на экранах.

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Source Sans 3";
  src: url("/assets/fonts/SourceSans3-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("/assets/fonts/SourceSans3-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">

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

По умолчанию — ExtraLight

Ось насыщенности вариативного файла по умолчанию равна 200 — тонкому начертанию, которым набран заголовок образца. Задавайте font-weight явно.

Два вариативных файла

В одном файле прямые начертания, в другом курсив; оба идут от 200 до 900.

Зарезервированное имя шрифта

В уведомлении лицензии зарезервировано название Source — товарный знак Adobe.

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

Подборки с Source Sans 3

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

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

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

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

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

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

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

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

• Шрифты с поддержкой греческого

  Семейства с открытой лицензией, где рядом с латиницей есть греческие глифы: для сайтов на греческом, а также для математики, науки и классической филологии.

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

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