Merriweather

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

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

• Light 300Merriweather Light Light Italic
• Regular 400Merriweather Regular Курсив
• Medium 500Merriweather Medium Medium Italic
• SemiBold 600Merriweather SemiBold SemiBold Italic
• Bold 700Merriweather Bold Bold Italic
• ExtraBold 800Merriweather ExtraBold ExtraBold Italic
• Black 900Merriweather Black Black Italic

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

О шрифте Merriweather

Merriweather — антиква, созданная как текстовый шрифт для экранов. В описании перечислены средства: очень высокие строчные, крепкие засечки, слегка сжатые буквы, открытые формы и мягкий диагональный наклон оси. Всё это видно на образце: строчные возвышаются над прописными, а засечки толстые и плоские. Современные шрифты вариативные, по трём осям. Насыщенность идёт от 300 до 900, ширина — от 87 до 112, оптический размер — от 18 до 144. Названы семь насыщенностей, от Light до Black, у каждой есть курсив, всего 14 начертаний. В шрифтах 2 298 глифов, они покрывают Latin, Latin Extended, кириллицу и вьетнамский. Дизайнер — Eben Sorkin, а проектом руководит Sorkin Type, словолитня из западного Массачусетса. Под это семейство нарисован и родственный гротеск Merriweather Sans. Лицензия — SIL Open Font License 1.1.

Где уместен Merriweather

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

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

Заголовки из того же семейства

Ось оптического размера доходит до 144, поэтому для крупных заголовков можно взять начертание, нарисованное для крупного размера, а не увеличивать текстовые буквы.

Тексты, которые нужно уложить в формат

Ось ширины от 87 до 112 сужает или расширяет буквы, чтобы вписать заголовок или тесную колонку без смены шрифта.

Тексты на русском и украинском

Кириллица входит в 2 298 глифов, во всех насыщенностях и в курсиве.

Отчёты с чёткой иерархией

От Black 900 для заголовков до Light 300 для примечаний — несколько уровней из одного семейства.

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

Три оси

Насыщенность от 300 до 900, ширина от 87 до 112, оптический размер от 18 до 144. Вариант по умолчанию — Light обычной ширины с оптическим размером 18.

Тяжёлая загрузка

Два вариативных файла в сумме занимают около 9,2 МБ. Для веб-страниц оставьте нужное подмножество символов или возьмите статические начертания на официальном сайте.

Греческого нет

Покрыты латиница, кириллица и вьетнамский; греческого нет.

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

Подборки с Merriweather

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

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

• Вариативные шрифты с осью ширины

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

• Вариативные шрифты с осью оптического размера

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

• Шрифтовые системы: гротеск, антиква и моноширинный в паре

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

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

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