Bellota Text

Попробовать Bellota Text

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

• Light 300Bellota Text Light Light Italic
• Regular 400Bellota Text Regular Курсив
• Bold 700Bellota Text Bold Bold Italic

О шрифте Bellota Text

Bellota Text — гротеск с тонкими ровными штрихами, в котором оставлено несколько декоративных штрихов: прописная Q на образце заканчивается длинным петлевым хвостом, а строчные y и j завершаются мягкими изгибами. Проект Bellota выпускается в двух вариантах: орнаментальном и этом, Text, у которого по умолчанию более простые начертания букв. Стилистические наборы переключают между текстовыми формами и заглавными с росчерками, а лигатуры доступны через OpenType. В семействе шесть начертаний: Light 300, Regular 400 и Bold 700, у каждого есть курсив. Это не вариативный шрифт. В шрифтах 1 300 глифов для латиницы, расширенной латиницы, кириллицы и вьетнамского. Семейство нарисовал Kemie Guaida, оно опубликовано по лицензии SIL Open Font License 1.1.

Где уместен Bellota Text

Тексты для кафе, ремёсел и небольших магазинов

Тонкие штрихи и петлевая Q придают меню и описаниям товаров неформальный тон, а буквы остаются достаточно простыми, чтобы читаться в предложениях.

Упаковка с декоративной начальной буквой

Заглавные с росчерками во втором стилистическом наборе могут открывать название продукта, а остальную часть этикетки набирают обычными формами.

Текст с настоящим курсивом

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

Детские книги и школьные материалы

Открытые круглые строчные формы в Regular и Bold подходят для коротких отрывков для чтения и заголовков рабочих листов.

Макеты на латинице и кириллице

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

Глифы

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

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

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

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

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

Лицензия

Шрифты в пару к Bellota Text

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

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

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

@font-face {
  font-family: "Bellota Text";
  src: url("/assets/fonts/BellotaText-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bellota Text";
  src: url("/assets/fonts/BellotaText-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Bellota Text";
  src: url("/assets/fonts/BellotaText-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Bellota Text";
  src: url("/assets/fonts/BellotaText-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* …and 2 more files in the package, declared the same way */

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

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

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

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

Два варианта Bellota

Bellota Text — более простой собрат; семейство под названием Bellota по умолчанию использует орнаментальные формы букв.

Росчерки спрятаны за OpenType

Заглавные с росчерками и альтернативные формы — это стилистические наборы, поэтому нужны программа или CSS, умеющие включать возможности OpenType.

Light тонкий

У Light 300 на образце почти волосяные штрихи, и он легче читается в крупных размерах; Bold — самое тёмное начертание.

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

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

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