Lato

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

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

• Thin 100Lato Thin Thin Italic
• Light 300Lato Light Light Italic
• Regular 400Lato Regular Курсив
• Bold 700Lato Bold Bold Italic
• Black 900Lato Black Black Italic

О шрифте Lato

Lato — семейство гротесков, название которого по-польски означает «лето». Łukasz Dziedzic начал его в 2010 году для фирменного стиля одного клиента; когда клиент выбрал другое направление, семейство опубликовали для всех. Рисунок задуман так, чтобы не бросаться в глаза в основном тексте, но показывать более индивидуальные формы на крупных размерах: прописные следуют классическим пропорциям, а окончания и соединения штрихов слегка скруглены, что смягчает жёсткую конструкцию. В семействе пять насыщенностей — Thin, Light, Regular, Bold и Black, — у каждой есть курсив, всего 10 статических начертаний; вариативного шрифта нет. Файлы в этом архиве содержат 3 023 глифа и обозначены как версия 2.015, поэтому покрывают такие языки, как английский, немецкий, французский, испанский, польский, турецкий, чешский и венгерский, а также кириллицу и греческий.

Где уместен Lato

Основной текст на сайтах

Lato рисовали так, чтобы он отступал на второй план в абзацах, а Regular с Italic и Bold покрывают обычную типографику статьи.

Корпоративные документы и слайды

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

Текст интерфейса

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

Заголовки в крайних насыщенностях

Thin 100 и Black 900 показывают индивидуальные формы букв, скрытые на размерах основного текста.

Тексты на польском

Польские буквы входят в эту версию шрифтов.

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

Пять насыщенностей с пропусками

Насыщенности: 100, 300, 400, 700 и 900. Начертаний Medium, SemiBold и ExtraBold нет.

Большой набор символов в этом архиве

В этих файлах 3 023 глифа. Буквы для турецкого, чешского, словацкого, венгерского, румынского и хорватского представлены полностью, есть кириллица и греческий.

Имя шрифта зарезервировано

В лицензионном уведомлении закреплено зарезервированное имя «Lato», поэтому изменённая версия должна называться иначе.

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

Подборки с Lato

• Шрифты для резюме

  Читаемые антиквы и гротески с открытой лицензией для резюме на одну-две страницы, с насыщенностями и курсивом, которые нужны документу.

• Гуманистические гротески для удобного чтения

  Гротески с открытыми формами букв, в которых чувствуется перо; в абзацах, документах и интерфейсном тексте читать их удобно.

• Тонкие и волосяные шрифты для лёгких воздушных заголовков

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

• Шрифты с поддержкой греческого

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

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

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