Lato fonts — Lato

Lato — семейство шрифтов sanserif, разработанное летом 2010 года дизайнером из Варшавы Лукаш Дзедзич («Лато» означает «лето» на польском языке). В декабре 2010 года семейство Lato было опубликовано по лицензии Open Font с открытым исходным кодом его литейной компанией TyPoland при поддержке Google.

В 2013–2014 годах семейство было значительно расширено, чтобы охватить более 3000 символов на стиль. Семейство Lato 2.010 теперь поддерживает более 100 латинских языков, более 50 кириллических языков, а также фонетику греческого языка и IPA. В ходе этого процесса метрики и кернинг семейства были пересмотрены, и были созданы четыре дополнительных веса.

Самый простой способ использовать новую версию 2.0 семейства шрифтов Lato в Интернете — это Adobe Typekit.

Старая версия (1.0) семейства шрифтов Lato доступна на Google Fonts, У нас нет информации, когда Lato 2.0 будет доступен в Google Fonts.

За последние десять или около того лет, в течение которых Лукаш занимался проектированием шрифтов, большинство его проектов были основаны на конкретной задаче проектирования, которую он должен был решить. С Лато все было по-другому. Изначально семья была задумана как набор корпоративных шрифтов для крупного клиента, который в итоге решил пойти по другому стилистическому направлению, поэтому семья стала доступной для публичного выпуска.

Работая над Лато, Лукаш пытался тщательно сбалансировать некоторые потенциально конфликтующие приоритеты. Он хотел создать шрифт, который выглядел бы довольно «прозрачным» при использовании в основном тексте, но отображал бы некоторые оригинальные черты при использовании в больших размерах. Он использовал классические пропорции (особенно заметные в верхнем регистре), чтобы придать буквам гармоничную и элегантную форму. В то же время он создал элегантный внешний вид sanserif, что наглядно демонстрирует тот факт, что Lato был разработан в 2010 году — хотя он не соответствует какой-либо современной тенденции.

А а ª Á á À à Â â Å å Ä ä Ã ã Ą Ą Æ æ В б С с Ć ć БЗ ç D d Ð ð Е е É é Э. è Ê ê Ë ë е ę F е фи fl ƒ грамм грамм ЧАС час я я Я я Я я Я я Я я я J J К К L L Ł ł M м N N N ń ЦТС ñ О о º Ó ó Ò ò Ф ô Ö ö Õ õ Ø ø О. ¯ ˘ ˙ ¨ ˚ ˝ ¸ ˛ § ¶ © ® / ˆ ˇ ˉ ° ∂ Δ Π Σ + ± ÷ × < = ≠ > ¬ | | ~ — √ ∞ ∫ ≈ ≤ ≥ ◊ ¤ ¢ $ £ ¥ € μ π Ω

Полукруглые детали букв дают Лато ощущение тепла, а прочная структура обеспечивает стабильность и серьезность. «Мужчина и женщина, серьезные, но дружелюбные. С чувством лета », — говорит Лукаш.

Лато состоит из девяти гирь (плюс соответствующий курсив), включая красивый стиль Hairline. Линия волос должна, конечно, использоваться только в очень больших размерах. Семейство Lato теперь поддерживает более 100 латинских языков, более 50 кириллических языков, а также фонетику греческого языка и IPA!

(Примечание: если вы используете последнюю версию IE, Firefox, Safari или Chrome (но не Opera), вы можете отредактируйте образец строки текста ниже чтобы увидеть, как выглядит твой текст при наборе текста в лато!

Lato Hairline (100) 
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Lato Hairline Italic  
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Лато Тонкий (200) 
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Лато Тонкий Курсив  
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Лато Лайт (300) 
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Lato Light Italic  
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Лато Регулярный (400) 
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Лато Курсив  
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Лато Средний (500) 
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Лато Средний Курсив  
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Лато Полужирный (600) 
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Лато Полужирный Курсив  
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Лато Жирный (700) 
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Лато полужирный курсив  
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Лато Хэви (800) 
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Лато Тяжелый Курсив  
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Лато Блэк (900) 
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

Лато черный курсив  
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.
Książęcych spóźnień czułość. Быстрая коричневая лиса прыгает через ленивую собаку. Zwei Boxkämpfer jagen Eva quer durch Sylt.

css — хотите использовать lato light — вес шрифта не меняется

спросил

Изменено 6 лет, 4 месяца назад

Просмотрено 12 тысяч раз

Хотите использовать Lato light.. не работает следующее:

 body {
    семейство шрифтов: "лато";
    цвет фона: белый;
    вес шрифта: 300;
}
 

Что может быть не так?

  • css
  • шрифты

2

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

Практическое решение:

Замените тег , импортирующий Lato , на этот:

 
 

Обратите внимание на семейство :Lato:300,400,700 часть. Измените его в соответствии с потребностями вашего проекта в размере шрифта и . Если вы используете подмножество Latin Extended , вам также потребуется добавить его, изменив ссылку на

 
 

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

Это не так много информации, но я скажу следующее. Чтобы изменить вес шрифта для любого шрифта, вам необходимо включить отдельный файл шрифта для каждого веса шрифта. Если, например, вы загружаете «lato» из шрифтов Google, используя эту ссылку

  googleapis.com/css?family=Lato" rel="stylesheet">
 

, тогда будет подтянут только вес шрифта по умолчанию (400). Чтобы включить другой вес шрифта (например, 300), вам нужно добавить его к ссылке, подобной этой

 
 

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

Если вы используете свои собственные файлы шрифтов, а не шрифты Google, вам необходимо самостоятельно включить таблицу стилей шрифта для 300.

Вот пример, который включает все веса, кроме вариантов, выделенных курсивом:

 body {
  семейство шрифтов: 'Lato', без засечек;
}
.свет {
  вес шрифта: 300;
}
.обычный {
  вес шрифта: 400;
}
.смелый {
  вес шрифта: 700;
}
.черный {
  вес шрифта: 900;
} 
 

вес 300

вес 400

вес 700

вес 900

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Как активировать Lato — Semi Bold? — Общее — Форум

darth512 (Дарвиндер) 1

Привет всем,

Я почти уверен, что использую последнюю версию Webflow, и я видел другие темы, в которых команда разработчиков упомянула, что ошибка была исправлена, поэтому я почти уверен, м делаю что-то не так.

Все, что я хочу сделать, это иметь возможность выбрать 600 — Semi Bold на этом снимке экрана.

Lato%20Semi%20Bold309×518 31,8 КБ

QA_Brandon (Брэндон Моско) 2

Привет.

Ошибка отсутствует.

Lato не предлагает полужирный шрифт 600 даже через шрифты Google. Я не знаю, как это протолкнуть, если у него нет для этого возможности. Вы можете использовать собственный стиль CSS, но вы все равно будете ограничены Google Font Api, если только вы не сможете найти его в другом каталоге шрифтов с доступным полужирным шрифтом 600.

Дарт512 (Дарвиндер) 3

Эй, Брэндон,

Спасибо, что разъяснили. Кажется странным, что эта опция отображается в списке, верно? Не знаю, почему Lato не поддерживает здесь полужирный или другие варианты, поскольку мы могли использовать его в Sketch. Мы позаботились о том, чтобы шрифт Google загружался прямо из репозитория.

QA_Брэндон (Брэндон Моско)

4

@darth512, он не отображается в списке. Доступны веса шрифта «белого цвета». «Затемненные» веса недоступны.

Шрифт Lato в Google НЕ имеет полужирного шрифта. Не уверен, что вы искали.

На гифке между ними видно.

Дарт512 (Дарвиндер)

5

Вы правы. Спасибо за разъяснение. Интересно, скачал ли кто-нибудь из моей команды более раннюю версию Lato, которая поддерживала полужирный шрифт, потому что мы определенно видим это в Sketch, что является самой странной частью.

веб-разработчик (Джефф Селсер) 6

fontsquirrel.com

Lato Font Free by tyPoland Lukasz Dziedzic » Font Squirrel

Загрузите и установите бесплатное семейство шрифтов Lato от tyPoland Lukasz Dziedzic, а также протестируйте и посмотрите полный набор символов.

Google просто не обслуживает желаемый вес.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *