Noticia Text

Попробовать Noticia Text

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

• Regular 400Noticia Text Regular Курсив
• Bold 700Noticia Text Bold Bold Italic

О шрифте Noticia Text

Noticia Text — брусковый шрифт для основного текста онлайн-газет. Строчные высокие, засечки крупные и тупые, а раскрытия таких букв, как «c», «e» и «s», широкие, поэтому слова остаются чёткими в мелких размерах на экранах с грубым разрешением. Прописные заметно короткие; в официальных заметках сказано, что с небольшим трекингом они могут заменять капитель. У круглых букв во внутреннем изгибе есть разрыв — приём, который позволяет сделать стволы прямее, а внутрибуквенные просветы открытее в текстовых размерах. В семействе Regular и Bold, у каждого есть настоящий курсив — четыре статических шрифта по 693 глифа. По заметкам, шрифты вручную хинтованы для отображения в Windows. Семейство разработал JM Solé, в Google Fonts оно добавлено в 2012 году.

Где уместен Noticia Text

Текст новостных статей

Высокие строчные и открытые раскрытия нарисованы для основного текста на сайтах и в приложениях газет.

Мелкий кегль на экранах с низким разрешением

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

Аббревиатуры внутри абзацев

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

Цитаты и выделение

Настоящие курсивы и для Regular, и для Bold дают чёткую смену интонации внутри основного текста.

Глифы

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

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

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

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

Лицензия

Шрифты в пару к Noticia Text

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

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

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

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

body {
  font-family: "Noticia Text", serif;
}

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

<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=Noticia+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">

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

Прописные намеренно маленькие

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

Только две насыщенности

Light и Medium нет. В семействе Regular 400 и Bold 700 с курсивами.

Ни кириллицы, ни греческого

Поддерживаются латиница, расширенная латиница и вьетнамский.

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

Подборки с Noticia Text

• Шрифты для газет и журналов

  Заголовочные антиквы, компактные текстовые гарнитуры и новостные готические гротески для редакционной вёрстки в печати и на новостных сайтах.

• Брусковые шрифты

  Семейства с брусковыми засечками: от геометричных и машинописных рисунков до крепких текстовых шрифтов с курсивом.

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

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