Kufam

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

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

• Regular 400Kufam Regular Курсив
• Medium 500Kufam Medium Medium Italic
• SemiBold 600Kufam SemiBold SemiBold Italic
• Bold 700Kufam Bold Bold Italic
• ExtraBold 800Kufam ExtraBold ExtraBold Italic
• Black 900Kufam Black Black Italic

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

О шрифте Kufam

Kufam — семейство шрифтов без засечек, соединяющее арабскую письменность и латиницу для информационного дизайна. Его арабская часть, работа Wael Morcos, оглядывается на куфические надписи VII века; тёмные сжатые формы этой письменности повлияли и на латинские строчные Artur Schmal, чьи прописные взяты из вывесок и торговых надписей, какие видели в Амстердаме в начале XX века. На образце у латиницы квадратные кривые, прописная «A» с закруглённой верхушкой и наклонённым левым штрихом, а «V» и «W» нарисованы с одной изогнутой стороной. Kufam — вариативный шрифт с осью насыщенности от 400 до 900: шесть насыщенностей от Regular до Black, у каждой есть курсив, всего 12 начертаний. В шрифтах 2 271 глиф для арабской письменности, латиницы, расширенной латиницы и вьетнамского, лицензия — SIL Open Font License 1.1.

Где уместен Kufam

Двуязычные вывески и навигация

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

Фирменный стиль на арабском и английском

Одно семейство в шести насыщенностях охватывает название, слоган и мелкий текст в обеих письменностях.

Информация на транспорте и площадках

Насыщенности от Regular до Black разделяют пункты назначения, направления и второстепенные пометки.

Плакаты и заголовки

ExtraBold и Black подчёркивают квадратные кривые и «A» с закруглённой верхушкой в крупных размерах.

Интерфейсы на двух письменностях

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

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Kufam";
  src: url("/assets/fonts/Kufam-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Kufam";
  src: url("/assets/fonts/Kufam-VariableFont_wght.ttf") format("truetype");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

Светлее Regular ничего нет

Ось насыщенности идёт от 400 до 900. Начертаний Light и Thin нет.

Два вариативных файла

В пакете вариативные шрифты — прямой и курсивный, в каждом весь диапазон насыщенности.

Необычные латинские прописные

«A» с закруглённой верхушкой и асимметричные «V» и «W» следуют амстердамским вывескам и отличаются от прописных обычных гротесков.

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

Подборки с Kufam

• Шрифты для вывесок и навигации

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

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

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