RU

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

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

Семейств с открытой лицензией: 23Обновлено

Heading, text & code

Набрано шрифтом Roboto. Нажмите «Показать здесь» у любого шрифта ниже, чтобы набрать эту строку им.

Сложность подбора шрифтов в пары в том, что два хороших шрифта всё равно могут не сойтись. У них разная высота строчных, и текст одного кажется на размер крупнее другого. Их Bold не одинаково жирные. Один тёплый, другой механический. Шрифтовая система снимает проблему у истоков: её гротеск, антиква и моноширинный нарисованы по общему плану, а высота, насыщенность и интервалы настроены друг на друга.

Это делает такие семейства надёжным путём к вёрстке с несколькими голосами. Обычная схема: гротеск для интерфейса и заголовков, антиква для длинного чтения, моноширинный для кода, данных или подписей. Другая — наоборот, антиквенные заголовки над гротескным текстом. Так или иначе, посреди строки можно сменить семейство, например для термина в коде или цитаты антиквой, и строка сохранит ритм.

Системы бывают разного размера. В некоторых всего два участника, гротеск и его моноширинный или антиква и её гротеск; в других есть ещё брусковый, акцидентное начертание или другие ширины. Ниже участники сгруппированы по системам, а в каждой заметке названы собратья, которые есть в этом каталоге. Если вы уже используете одно семейство системы, первым делом попробуйте его партнёра.

  1. Roboto

    Гротеск системы, в которой в этом каталоге есть и брусковый, и антиква, и моноширинный.

    Гротески начертаний: 18 · вариативный OFL Попробовать Roboto

  2. Roboto Slab

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

    Брусковые начертаний: 9 · вариативный Apache 2.0 Попробовать Roboto Slab

  3. Roboto Serif

    Книжная антиква под именем Roboto, парная к шрифту без засечек, с девятью насыщенностями и курсивом.

    Антиква начертаний: 18 · вариативный OFL Попробовать Roboto Serif

  4. Roboto Mono

    Моноширинный участник семейства Roboto: его формы приспособлены под одну ширину, семь насыщенностей с курсивом.

    Моноширинные начертаний: 14 · вариативный OFL Попробовать Roboto Mono

  5. IBM Plex Sans

    Гротеск корпоративного семейства с собратьями Serif и Mono в тех же семи насыщенностях.

    Гротески начертаний: 14 · вариативный OFL Попробовать IBM Plex Sans

  6. IBM Plex Serif

    Антиква семейства Plex, созданная как текстовая пара к его гротеску и моноширинному, в семи насыщенностях с курсивом.

    Антиква начертаний: 14 OFL Попробовать IBM Plex Serif

  7. IBM Plex Mono

    Моноширинный участник IBM Plex в тех же семи насыщенностях с курсивом, что и гротеск с антиквой.

    Моноширинные начертаний: 14 OFL Попробовать IBM Plex Mono

  8. Source Sans 3

    Интерфейсный гротеск с переходной антиквой и моноширинным шрифтом для кода в семействе Source.

    Гротески начертаний: 16 · вариативный OFL Попробовать Source Sans 3

  9. Source Serif 4

    Переходная антиква, созданная в пару к Source Sans: пропорции и серость текстового набора у них совпадают.

    Антиква начертаний: 16 · вариативный OFL Попробовать Source Serif 4

  10. Source Code Pro

    Моноширинный напарник, адаптированный из Source Sans, с теми же вертикальными пропорциями и общими формами.

    Моноширинные начертаний: 16 · вариативный OFL Попробовать Source Code Pro

  11. Noto Sans

    Основной гротеск коллекции Noto, партнёры которого — антиква и моноширинный гротеск.

    Гротески начертаний: 18 · вариативный OFL Попробовать Noto Sans

  12. Noto Serif

    Антиква коллекции Noto, партнёр Noto Sans: девять насыщенностей с курсивом.

    Антиква начертаний: 18 · вариативный OFL Попробовать Noto Serif

  13. Noto Sans Mono

    Моноширинный шрифт без засечек из коллекции Noto с теми же девятью насыщенностями и сужающейся осью ширины, что и Noto Sans.

    Моноширинные начертаний: 9 · вариативный OFL Попробовать Noto Sans Mono

  14. PT Sans

    Первое семейство общественного шрифтового проекта, к которому добавились согласованная антиква и моноширинный шрифт; Regular и Bold с курсивом.

    Гротески начертаний: 4 OFL Попробовать PT Sans

  15. PT Serif

    Согласован с PT Sans по метрикам, пропорциям и насыщенностям, так что их можно сочетать; поддерживает латиницу и кириллицу.

    Антиква начертаний: 4 OFL Попробовать PT Serif

  16. Fira Sans

    Гротеск семейства Fira, у которого есть и моноширинный вариант, Fira Mono.

    Гротески начертаний: 18 OFL Попробовать Fira Sans

  17. Merriweather

    Экранная текстовая антиква, для которой нарисовано парное семейство гротеска.

    Антиква начертаний: 14 · вариативный OFL Попробовать Merriweather

  18. Merriweather Sans

    Малоконтрастный полуузкий гротеск, подобранный в гармонию с семейством антикв Merriweather.

    Гротески начертаний: 12 · вариативный OFL Попробовать Merriweather Sans

  19. Space Grotesk

    Пропорциональный гротеск, произошедший от Space Mono и сохранивший причуды своего моноширинного источника.

    Гротески начертаний: 5 · вариативный OFL Попробовать Space Grotesk

  20. Space Mono

    Моноширинный прародитель Space Grotesk: акцидентный по духу шрифт в начертаниях Regular и Bold с курсивом.

    Моноширинные начертаний: 4 OFL Попробовать Space Mono

  21. Red Hat Text

    Текстовое начертание семейства, в котором есть также акцидентное начертание и моноширинный член, Red Hat Mono.

    Гротески начертаний: 10 · вариативный OFL Попробовать Red Hat Text

  22. Geist

    Пропорциональная половина проекта Geist; её моноширинная пара Geist Mono выпущена в тех же девяти насыщенностях.

    Гротески начертаний: 18 · вариативный OFL Попробовать Geist

  23. Geist Mono

    Моноширинная половина проекта Geist, подходящая к пропорциональному гротеску, в девяти насыщенностях с курсивом.

    Моноширинные начертаний: 18 · вариативный OFL Попробовать Geist Mono

В образцах загружается только базовая латиница каждого семейства. Все семейства здесь — с открытой лицензией; на странице каждого указаны условия и есть исходные файлы.

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

Зачем сочетать шрифты из одной системы?

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

Какой участник должен набирать заголовки, а какой основной текст?

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

Не скучно ли использовать только одну шрифтовую систему?

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

Можно ли использовать эти семейства вместе в коммерческом продукте?

Да. Почти все выпущены под SIL Open Font License, а Roboto Slab — под Apache License 2.0; обе разрешают коммерческое использование, встраивание и изменение. Лицензия указана на странице каждого шрифта.