Lato

Classification

Humanist Sans

Font Technology

Static font
9 weights, 2 styles

How To Use Lato

To use Lato in your web project, either search Google Fonts and use their embed code or host the font on your server and use the CSS below. Note: fonts served by Google Fonts may be missing some OpenType features that are available in the original font.
Download Lato
@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-Thin.ttf') format(woff2);
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-ExtraLight.ttf') format(woff2);
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-Light.ttf') format(woff2);
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-Regular.ttf') format(woff2);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-Medium.ttf') format(woff2);
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-SemiBold.ttf') format(woff2);
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-Bold.ttf') format(woff2);
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-ExtraBold.ttf') format(woff2);
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-Black.ttf') format(woff2);
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-ThinItalic.ttf') format(woff2);
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-ExtraLightItalic.ttf') format(woff2);
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-LightItalic.ttf') format(woff2);
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-Italic.ttf') format(woff2);
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-MediumItalic.ttf') format(woff2);
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-SemiBoldItalic.ttf') format(woff2);
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-BoldItalic.ttf') format(woff2);
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-ExtraBoldItalic.ttf') format(woff2);
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('<YOUR SERVER PATH>Lato-BlackItalic.ttf') format(woff2);
  font-weight: 900;
  font-style: italic;
}

Description

Lato means “Summer” in Polish, and it is a sans serif typeface family started in the summer of 2010 by Warsaw-based designer Łukasz Dziedzic. Originally conceived as part of a corporate identity for a large client, the family became available for a public release when they decided to go in different stylistic direction. Łukasz tried to carefully balance some potentially conflicting priorities in the design; to create a typeface that seems “transparent” when used in body text but also displays original traits in larger size use. Classical proportions, particularly in the uppercase, give the letterforms familiar harmony and elegance, and combine with a sleek treatement that feels contemporary without being trendy. Semi-rounded details feel warm, while the underlying structure provides stability and seriousness. “Serious but friendly, with the feeling of the Summer,” said Łukasz. Learn more at latofonts.com

Designer

Łukasz Dziedzic
Łukasz is a Warsaw-based designer. During Poland's first free elections in 1989, he joined Gazeta Wyborcza, the first independent daily newspaper, and soon found a home in the design department co-creating page layouts and his first typeface. In 2007, he created a three-style Latin and Cyrillic corporate family for empik, one of Poland’s largest retail networks. In 2010, he started the Lato project, to develop a high-quality open-source font family.

Copyright

Copyright (c) 2011-2015 by tyPoland Lukasz Dziedzic (http://www.typoland.com/) with Reserved Font Name \

OpenType Features

Oldstyle figures
Ordinals
Proportional numbers
Stylistic alternates
Stylistic set 4
Subscript
Superscript

Related Fonts

Fira Sans
Sansation
Commissioner
Merriweather Sans
Varta
Alegreya Sans
Alegreya Sans SC
Menbere
Encode Sans Semi Condensed
Encode Sans
Lato 100
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato 200
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato 300
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato 500
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato 600
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato 700
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato 800
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato 900
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato 100italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato 200italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato 300italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato 500italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato 600italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato 700italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato 800italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r
Lato 900italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
proportional-nums
0123456789 0123456789
0123456789 0123456789
Ordinals
default css
font-feature-settings: "ordn" 1
1st
1st
2nd
2nd
3rd
3rd
4th
4th
No.
No.
Nr.
Nr.
No
No
Nr
Nr
1a
1a
2o
2o
1er
1er
1e
1e
1r
1r