Newsreader

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

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

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

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

О шрифте Newsreader

Newsreader — семейство антикв, которое Production Type нарисовало для долгого непрерывного чтения на экранах, где много контента. Образец показывает книжную конструкцию: засечки со скруглёнными переходами, умеренную разницу между толстыми и тонкими штрихами, скромную высоту строчных и длинные выносные элементы. Форму семейства определяют две вариативные оси. Насыщенность идёт от ExtraLight 200 до ExtraBold 800 — это семь именованных насыщенностей, а оптический размер — от 6 до 72 со значением по умолчанию 18, так что один файл можно настроить и для сносок, и для крупных заголовков. Прямое начертание и курсив — отдельные вариативные файлы, всего 14 начертаний. В шрифтах 658 глифов: латиница, расширенная латиница и вьетнамский. В таблице name шрифта автором указан Hugues Gentile, а изготовителем — Production Type. В Google Fonts Newsreader появился в 2020 году.

Где уместен Newsreader

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

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

Сноски и подписи

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

Журнальные заголовки

При оптических размерах ближе к 72 то же семейство даёт акцидентные начертания для заголовков над текстом.

Рассылки по электронной почте

Семь насыщенностей от 200 до 800 разделяют заголовки, лиды и основной текст без второй гарнитуры.

Текст на вьетнамском и центральноевропейских языках

Глифы расширенной латиницы и вьетнамского несут диакритические знаки, нужные для польского, чешского, турецкого и вьетнамского.

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Newsreader";
  src: url("/assets/fonts/Newsreader-Italic-VariableFont_opsz%2Cwght.ttf") format("truetype");
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Newsreader";
  src: url("/assets/fonts/Newsreader-VariableFont_opsz%2Cwght.ttf") format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Newsreader:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">

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

Оптический размер — от 6 до 72

Ось opsz по умолчанию равна 18. Браузеры с автоматическим оптическим размером подбирают значение по размеру шрифта; в остальных случаях его задают вручную.

Только латиница

В Newsreader нет глифов кириллицы и греческого.

Два вариативных файла

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

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

Подборки с Newsreader

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

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

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

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