Karla

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

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

• ExtraLight 200Karla ExtraLight ExtraLight Italic
• Light 300Karla Light Light Italic
• Regular 400Karla Regular Курсив
• Medium 500Karla Medium Medium Italic
• SemiBold 600Karla SemiBold SemiBold Italic
• Bold 700Karla Bold Bold Italic
• ExtraBold 800Karla ExtraBold ExtraBold Italic

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

О шрифте Karla

Karla — гротеск без засечек с ровным штрихом и свободной, слегка неровной фактурой. Круглые буквы немного узкие, знаки стоят широко, а строчная «q» на образце заканчивается коротким росчерком вправо вместо простого ствола. Семейство нарисовал Jonny Pinhorn, затем оно было расширено до вариативного шрифта. Ось насыщенности идёт от 200 до 800: семь насыщенностей от ExtraLight до ExtraBold, у каждой есть курсив — всего 14 начертаний в двух вариативных файлах. В наборе 459 глифов — латиница и расширенная латиница, с буквами для западно-, центрально- и юго-восточноевропейских языков, например польского, венгерского, румынского и хорватского. В Google Fonts Karla добавили в 2012 году, а файлы шрифта имеют версию 2.004.

Где уместен Karla

Тексты блогов и статей

Свободные интервалы и ровный штрих делают абзацы в Regular и Medium удобными на экране.

Тексты интерфейса

Семь насыщенностей от ExtraLight до ExtraBold закрывают подписи, вспомогательный текст и заголовки, не выходя за пределы семейства.

Портфолио и небольшие сайты брендов

Неровные детали, например «q» с росчерком, добавляют обычному тексту характер без акцидентной гарнитуры.

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

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

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

Диапазон от 200 до 800

В Karla нет ни Thin 100, ни Black 900. Самое светлое начертание — ExtraLight, самое жирное — ExtraBold.

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

Вьетнамского, кириллицы и греческого среди наборов символов нет.

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

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

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

Подборки с Karla

• Шрифты для резюме

  Читаемые антиквы и гротески с открытой лицензией для резюме на одну-две страницы, с насыщенностями и курсивом, которые нужны документу.

• Гротески

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

• Шрифты с поддержкой турецкого языка

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

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

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