Overlock

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

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

• Regular 400Overlock Regular Курсив
• Bold 700Overlock Bold Bold Italic
• Black 900Overlock Black Black Italic

О шрифте Overlock

Overlock — акцидентный гротеск с мягко скруглёнными окончаниями штрихов и рукописным ритмом. Dario Manuel Muhafara отталкивался от идеи подражать швейной технике оверлок, и получившиеся округлые формы придают буквам теплоту. В образце лёгкий, слегка каллиграфический Regular: штрихи мягко утолщаются, строчная «k» замыкается в петлю, а прописные узкие рядом с широкими O и Q. В официальных заметках шрифт отнесён к заголовкам и коротким текстам в журнальной вёрстке и сказано, что сильнее всего он проявляется в крупных размерах. В семействе Regular 400, Bold 700 и Black 900, каждая с настоящим курсивом, в статических файлах. В нём 329 глифов базовой латиницы. Капитель выделена в родственное семейство Overlock SC. Overlock распространяется по лицензии SIL Open Font License 1.1.

Где уместен Overlock

Журнальные заголовки и вводки

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

Бренды еды и ремёсел

Мягкие окончания штрихов и петлевая «k» придают названию на этикетке или вывеске ручной тон, не превращаясь в скрипт.

Врезки-цитаты

Настоящие курсивы во всех трёх насыщенностях позволяют отделить цитату от прямого начертания вокруг.

Афиши мероприятий

Black 900 несёт заголовок, а Regular — дату и место, так что для афиши не нужно второе семейство.

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Overlock";
  src: url("/assets/fonts/Overlock-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Overlock";
  src: url("/assets/fonts/Overlock-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Overlock";
  src: url("/assets/fonts/Overlock-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Overlock";
  src: url("/assets/fonts/Overlock-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* …and 2 more files in the package, declared the same way */

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

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

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

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

Три насыщенности с пропуском

Насыщенности идут скачком: от Regular 400 к Bold 700 и Black 900. Light, Medium и SemiBold нет.

Капитель — отдельно

Капитель выпускается как родственное семейство Overlock SC, а не внутри этих файлов.

Только базовая латиница

329 глифов относятся к подмножеству латиницы; расширенная латиница не указана из-за неполного покрытия.

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

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

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