Silkscreen

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

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

• Regular 400Silkscreen Regular
• Bold 700Silkscreen Bold

О шрифте Silkscreen

Silkscreen — это акцидентный шрифт в стиле растровой графики, в котором каждая буква собрана из квадратных пикселей. В образце есть только прописные: строка строчных повторяет формы прописных, поэтому текст всегда набирается блочными прописными одной высоты. Кривые ступенчатые, диагонали превращаются в лесенки, а буквы расставлены свободно, и на крупной сетке каждая форма остаётся различимой. Jason Kottke нарисовал шрифт для мелкого текста в веб-графике, а в официальных заметках первый выпуск датирован 1999 годом. В семействе Regular и Bold, всего два начертания, вариативной версии нет. 227 глифов покрывают базовый набор латиницы с цифрами и знаками препинания; есть буквы для английского, французского, немецкого, испанского и других западноевропейских языков. Шрифты распространяются по лицензии SIL Open Font License 1.1.

Где уместен Silkscreen

Интерфейсы ретроигр

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

Мелкие подписи в веб-графике

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

Заголовки плакатов и обложек

В крупном размере квадратные блоки превращаются в заметный узор, и короткий заголовок сам становится графикой.

Счётчики и строки состояния

Bold рядом с Regular отделяет подпись от значения в таймере, ценнике или строке состояния без смены размера.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

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

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

Regular и Bold, курсива нет

Всё семейство — это Regular 400 и Bold 700. Курсива нет.

Базовое покрытие латиницы

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

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

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

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