Quicksand

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

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

• Light 300Quicksand Light
• Regular 400Quicksand Regular
• Medium 500Quicksand Medium
• SemiBold 600Quicksand SemiBold
• Bold 700Quicksand Bold

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

О шрифте Quicksand

Quicksand — гротеск из геометрических форм, в котором каждый штрих заканчивается скруглением. На образце чаши букв o, d и q близки к окружностям, «a» одноэтажная, а у прописной «Q» волнистый хвост. В официальном описании сказано, что гарнитура задумана для акцидентного набора, но остаётся читаемой и на мелких размерах. Семейство — один вариативный шрифт с осью насыщенности от 300 до 700 и пятью именованными насыщенностями: Light, Regular, Medium, SemiBold и Bold. Курсива нет. В шрифте 808 глифов: латиница, расширенная латиница и вьетнамский. Проект начал Andrew Paglinawan в 2008 году; по официальному описанию, Thomas Jockin пересмотрел его в 2016 году, а Mirko Velimirovic превратил в вариативный шрифт в 2019 году. Quicksand распространяется под SIL Open Font License 1.1.

Где уместен Quicksand

Дружелюбные заголовки брендов

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

Знакомство с приложением и кнопки

Medium и SemiBold хорошо держатся на кнопках и коротких подписях; в официальном описании сказано, что рисунок остаётся читаемым на мелких размерах.

Детские и учебные материалы

Одноэтажная «a» и простые круглые буквы напоминают формы, которым учат в первых прописях, поэтому шрифт подходит для рабочих листов и школьных слайдов.

Точная настройка насыщенности в вебе

Ось от 300 до 700 позволяет в таблице стилей выбрать промежуточное значение, например 450, из того же файла.

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Quicksand";
  src: url("/assets/fonts/Quicksand-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Quicksand:wght@300..700&display=swap" rel="stylesheet">

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

Курсива нет

В Quicksand только прямые начертания, поэтому выделять текст приходится более плотной насыщенностью.

Насыщенность заканчивается на 700

Ось идёт от Light 300 до Bold 700. Начертаний Thin, ExtraBold и Black нет.

Один вариативный файл

В загрузке файл Quicksand-VariableFont_wght.ttf, который содержит весь диапазон насыщенности.

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

Подборки с Quicksand

• Шрифты для логотипов и вордмарков

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

• Геометрические гротески

  Гротески, построенные на окружностях, прямых и ровных штрихах: от дизайнов в духе 1920-х до современных фирменных гарнитур.

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

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