Oxygen

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

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

• Light 300Oxygen Light
• Regular 400Oxygen Regular
• Bold 700Oxygen Bold

О шрифте Oxygen

Oxygen — семейство гротесков, нарисованное для среды рабочего стола. Оно создано в рамках проекта KDE, и в официальных заметках сказано, что рисунок оптимизирован под систему рендеринга FreeType и рассчитан на работу в графических интерфейсах, на рабочих столах и устройствах. На образце широкие открытые буквы с высокими строчными, слабым контрастом штрихов и одноэтажной «g». Этот пакет — веб-версия семейства. В ней три статических шрифта — Light 300, Regular 400 и Bold 700, — а курсива и вариативного файла нет. В каждом шрифте 425 глифов с подмножествами латиницы и расширенной латиницы. Oxygen нарисовал Vernon Adams, он же владеет авторскими правами; зарезервированное имя шрифта — Oxygen. В Google Fonts семейство появилось в 2012 году.

Где уместен Oxygen

Интерфейс настольных и веб-приложений

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

Страницы, которые открывают в Linux

Контуры оптимизированы под FreeType — систему рендеринга, которая используется на рабочих столах Linux.

Лёгкие сайты

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

Панели мониторинга и админ-панели

Light для крупных чисел, Regular для подписей и Bold для итогов дают простую трёхступенчатую иерархию.

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Oxygen";
  src: url("/assets/fonts/Oxygen-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oxygen";
  src: url("/assets/fonts/Oxygen-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oxygen";
  src: url("/assets/fonts/Oxygen-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Oxygen:wght@300;400;700&display=swap" rel="stylesheet">

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

Курсива нет

Oxygen поставляется только с прямыми шрифтами.

Три статические насыщенности

Между Regular и Bold ничего нет, вариативного шрифта тоже нет.

Только латиница

425 глифов покрывают латиницу и расширенную латиницу; кириллицы и греческого нет.

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

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

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