Marvel

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

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

• Regular 400Marvel Regular Курсив
• Bold 700Marvel Bold Bold Italic

О шрифте Marvel

Marvel — семейство гротесков с узкими пропорциями и тонкими штрихами одинаковой толщины. В образце круглые буквы нарисованы как высокие прямоугольники со скруглёнными углами, у «a» и «u» на базовой линии небольшой шпор, а цифра 1 — простая вертикальная черта, похожая на прописную I. Bold лишь немного жирнее Regular, поэтому обе насыщенности остаются близкими по цвету. Автор семейства — Carolina Trebol; в официальных заметках оно представлено как универсальная гарнитура с чёткой технической внешностью, для заголовков и для текста на сайтах и в печати, и сказано, что она выросла из шрифтов, нарисованных для собственных графических проектов. Семейство состоит из четырёх статических файлов: Regular, Italic, Bold и Bold Italic. В 194 глифах набор символов ограничен базовой латиницей.

Где уместен Marvel

Заголовки о технологиях и продуктах

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

Навигация и узкие колонки

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

Крупные строки на плакатах

В больших размерах тонкие штрихи читаются как тонкие линии, а прямоугольные «o», «c» и «e» становятся заметным мотивом.

Короткий текст на западноевропейских языках

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

Подписи с выделением

Файлы Italic и Bold Italic позволяют выделять слова в подписях и вводных строках, не выходя за пределы семейства.

Глифы

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

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

• Английский
• Французский
• Немецкий
• Испанский
• Португальский
• Итальянский
• Нидерландский
• Финский
• Эстонский

Редкие буквы, которых нет в шрифте: Финский å, Å.

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

Лицензия

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

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

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

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

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

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

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

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

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

Bold — лёгкий жирный

В образце насыщенность Bold лишь слегка темнее Regular; сама по себе она не даст сильного контраста.

Нет знака процента

В наборе символов нет знака процента (U+0025), и в образце на его месте остаётся пропуск.

Небольшой набор символов

В Marvel 194 глифа в подмножестве базовой латиницы. Финский охвачен, кроме буквы å.

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

В уведомлении о лицензии зарезервировано имя Marvel, поэтому изменённой версии нужно другое имя, если нет разрешения.

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

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

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