Ubuntu

Попробовать Ubuntu

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

• Light 300Ubuntu Light Light Italic
• Regular 400Ubuntu Regular Курсив
• Medium 500Ubuntu Medium Medium Italic
• Bold 700Ubuntu Bold Bold Italic

О шрифте Ubuntu

Ubuntu — семейство гротесков, созданное для того, чтобы характер операционной системы Ubuntu был виден в каждом меню, кнопке и диалоге. Самая узнаваемая черта, ясно видная на образце, — штрихи n, m, r и u плавно переходят в изгиб без выступа; к ним добавляются однопетлевая «g» и «t» с изогнутым основанием. В итоге шрифт получился округлым и открытым, но не геометрическим. Дизайном и реализацией в 2010–2011 годах занималась Dalton Maag при финансировании Canonical. В шрифтах используются функции OpenType, а хинтинг настроен вручную для экранов компьютеров и мобильных устройств. В семействе четыре насыщенности — Light, Regular, Medium и Bold — с курсивом, восемь начертаний в статических файлах; вариативным шрифтом оно не является. В каждом шрифте 1 267 глифов для латиницы, кириллицы и греческого, лицензия — Ubuntu Font Licence 1.0.

Где уместен Ubuntu

Интерфейсы компьютеров и мобильных устройств

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

Сайты программ и проектов с открытым кодом

Шрифт создавался от имени сообщества свободного ПО и распространяется по открытой лицензии, что подходит страницам для разработчиков.

Основной текст с дружелюбным тоном

Regular и Light с курсивом набирают абзацы, а Medium добавляет акцент без скачка до Bold.

Вордмарки и названия продуктов

Штрихи без выступа придают короткому названию в строчных чёткий силуэт в Medium или Bold.

Продукты, локализованные на русский и греческий

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

Глифы

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

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

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

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

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

Лицензия

Шрифты в пару к Ubuntu

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

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

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

@font-face {
  font-family: "Ubuntu";
  src: url("/assets/fonts/Ubuntu-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu";
  src: url("/assets/fonts/Ubuntu-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu";
  src: url("/assets/fonts/Ubuntu-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu";
  src: url("/assets/fonts/Ubuntu-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* …and 4 more files in the package, declared the same way */

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

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

<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=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">

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

Четыре насыщенности, самая плотная — Bold

Насыщенности: 300, 400, 500 и 700. Тонкого, SemiBold и Black нет.

Ubuntu Font Licence 1.0

Использование, изменение и распространение разрешены; уведомления должны сохраняться, а существенно изменённая версия получает новое название.

Родственные семейства

Ubuntu Condensed и Ubuntu Mono выпускаются как отдельные семейства в том же дизайнерском языке.

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

Подборки с Ubuntu

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

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

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

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

• Шрифты с поддержкой кириллицы

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

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

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