Spectral

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

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

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

О шрифте Spectral

Spectral — семейство антиквы, которое Production Type сделала по заказу Google Fonts: основное назначение — насыщенные текстом экранные макеты и долгое чтение. На образце у букв чёткий контраст толстых и тонких штрихов, острые засечки со скруглениями, маленький глазок у «e» и компактные строчные с высокими выносными элементами; прописные широкие, а кавычки клиновидные. В семействе семь насыщенностей — ExtraLight, Light, Regular, Medium, SemiBold, Bold и ExtraBold, каждая в прямом начертании и курсиве, всего 14 начертаний в виде статических файлов; шрифт не вариативный. В каждом шрифте 1 446 глифов для латиницы, расширенной латиницы, вьетнамского и кириллицы, а в официальном описании упомянута капитель. В таблице name дизайнером назван Jean-Baptiste Levee, а производителем — Production Type. Лицензия — SIL Open Font License 1.1.

Где уместен Spectral

Длинные статьи и эссе

Семейство нацелено на чтение больших текстов на экране; для основного текста подходят Regular и курсив.

Документы в книжном стиле

Капитель, семь насыщенностей и настоящий курсив дают отчётам и электронным книгам все элементы традиционной книжной типографики.

Элегантные заголовки

ExtraLight и Light показывают острые засечки и контраст штриха в крупных размерах заголовков и зачинов.

Издания на русском и украинском

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

Редакционные системы бренда

Насыщенности до ExtraBold дают выделения, метки разделов и цитаты без второй антиквы.

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Spectral";
  src: url("/assets/fonts/Spectral-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Spectral";
  src: url("/assets/fonts/Spectral-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Spectral";
  src: url("/assets/fonts/Spectral-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Spectral";
  src: url("/assets/fonts/Spectral-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
/* …and 10 more files in the package, declared the same way */

body {
  font-family: "Spectral", serif;
}

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

<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=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">

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

Статические файлы, не вариативные

Spectral поставляется 14 отдельными файлами TTF: по одному на каждую насыщенность и курсив.

Нет Thin и Black

Диапазон идёт от ExtraLight 200 до ExtraBold 800.

Капитель есть

В официальном описании указана капитель; она включается через функции OpenType в программах, которые их поддерживают.

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

Подборки с Spectral

• Антиквы для долгого чтения с экрана

  Текстовые антиквы, нарисованные для экранов или длинного чтения: большая высота строчных, умеренный контраст и настоящий курсив для статей, блогов и документации.

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

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