Codystar

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

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

• Light 300Codystar Light
• Regular 400Codystar Regular

О шрифте Codystar

Codystar — это акцидентный шрифт, в котором нет ни одного сплошного штриха: каждая буква очерчена цепочкой равномерно расположенных точек. В основе лежат широкие геометрические прописные с круглыми O и C, а строчные клавиши выдают те же прописные, поэтому текст всегда набирается одной высоты. В официальном описании дизайн связывают с огнями Таймс-сквер, и точечные контуры действительно напоминают вывески из лампочек. В шрифт входят два начертания. В Regular точки крупнее; Light сохраняет тот же скелет с точками поменьше, из-за чего буквы при том же размере бледнее. Codystar создала Crystal Kluge из Neapolitan, которую источник называет торговой маркой Font Diner. Шрифты содержат 230 глифов в базовом подмножестве латиницы и не являются вариативными.

Где уместен Codystar

Названия для театра и кино

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

Приглашения на вечеринки и мероприятия

Дата или однострочный заголовок из точек даёт праздничный, подсвеченный вид без всяких иллюстраций.

Графика в стиле неона и казино

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

Крупноформатные носители

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

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Codystar";
  src: url("/assets/fonts/Codystar-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Codystar";
  src: url("/assets/fonts/Codystar-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Codystar:wght@300;400&display=swap" rel="stylesheet">

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

Только прописные

Строчные при вводе отображаются как прописные; набрать текст в смешанном регистре в Codystar нельзя.

Нужен крупный размер

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

Light и Regular различаются размером точек

Две насыщенности — 300 и 400. Bold и курсива нет.

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

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

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