Dafont top | Download free for design

Lato is a sans serif typeface family started in the summer of 2010 by Warsaw-based designer Łukasz Dziedzic (“Lato” means “Summer” in Polish). In December 2010 the Lato family was published under the Open Font License by his foundry tyPoland, with support from Google.

In the last ten or so years, during which Łukasz has been designing type, most of his projects were rooted in a particular design task that he needed to solve. With Lato, it was no different. Originally, the family was conceived as a set of corporate fonts for a large client — who in the end decided to go in different stylistic direction, so the family became available for a public release.

When working on Lato, Łukasz tried to carefully balance some potentially conflicting priorities. He wanted to create a typeface that would seem quite “transparent” when used in body text but would display some original traits when used in larger sizes. He used classical proportions (particularly visible in the uppercase) to give the letterforms familiar harmony and elegance. At the same time, he created a sleek sans serif look, which makes evident the fact that Lato was designed in 2010 — even though it does not follow any current trend.

The semi-rounded details of the letters give Lato a feeling of warmth, while the strong structure provides stability and seriousness. “Male and female, serious but friendly. With the feeling of the Summer,” says Łukasz. Learn more at www.latofonts.com
AAAaaa
<style type="text/css">
@font-face{
    font-family:"lato-regular";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.regular.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.regular.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.regular.ttf") format("truetype");
}
span.font0{font-family:"lato-regular";font-size:px;text-transform:;}
</style>
Lato Regular
<style type="text/css">
@font-face{
    font-family:"lato-hairline";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.hairline.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.hairline.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.hairline.ttf") format("truetype");
}
span.font1{font-family:"lato-hairline";font-size:px;text-transform:;}
</style>
Lato Hairline
<style type="text/css">
@font-face{
    font-family:"lato-thin";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.thin.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.thin.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.thin.ttf") format("truetype");
}
span.font2{font-family:"lato-thin";font-size:px;text-transform:;}
</style>
Lato Thin
<style type="text/css">
@font-face{
    font-family:"lato-light";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.light.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.light.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.light.ttf") format("truetype");
}
span.font3{font-family:"lato-light";font-size:px;text-transform:;}
</style>
Lato Light
<style type="text/css">
@font-face{
    font-family:"lato-medium";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.medium.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.medium.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.medium.ttf") format("truetype");
}
span.font4{font-family:"lato-medium";font-size:px;text-transform:;}
</style>
Lato Medium
<style type="text/css">
@font-face{
    font-family:"lato-semibold";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.semibold.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.semibold.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.semibold.ttf") format("truetype");
}
span.font5{font-family:"lato-semibold";font-size:px;text-transform:;}
</style>
Lato Semibold
<style type="text/css">
@font-face{
    font-family:"lato-bold";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.bold.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.bold.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.bold.ttf") format("truetype");
}
span.font6{font-family:"lato-bold";font-size:px;text-transform:;}
</style>
Lato Bold
<style type="text/css">
@font-face{
    font-family:"lato-heavy";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.heavy.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.heavy.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.heavy.ttf") format("truetype");
}
span.font7{font-family:"lato-heavy";font-size:px;text-transform:;}
</style>
Lato Heavy
<style type="text/css">
@font-face{
    font-family:"lato-black";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.black.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.black.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.black.ttf") format("truetype");
}
span.font8{font-family:"lato-black";font-size:px;text-transform:;}
</style>
Lato Black
<style type="text/css">
@font-face{
    font-family:"lato-italic";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.italic.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.italic.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.italic.ttf") format("truetype");
}
span.font9{font-family:"lato-italic";font-size:px;text-transform:;}
</style>
Lato Italic
<style type="text/css">
@font-face{
    font-family:"lato-hairline-italic";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.hairline-italic.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.hairline-italic.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.hairline-italic.ttf") format("truetype");
}
span.font10{font-family:"lato-hairline-italic";font-size:px;text-transform:;}
</style>
Lato Hairline Italic
<style type="text/css">
@font-face{
    font-family:"lato-thin-italic";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.thin-italic.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.thin-italic.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.thin-italic.ttf") format("truetype");
}
span.font11{font-family:"lato-thin-italic";font-size:px;text-transform:;}
</style>
Lato Thin Italic
<style type="text/css">
@font-face{
    font-family:"lato-light-italic";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.light-italic.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.light-italic.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.light-italic.ttf") format("truetype");
}
span.font12{font-family:"lato-light-italic";font-size:px;text-transform:;}
</style>
Lato Light Italic
<style type="text/css">
@font-face{
    font-family:"lato-medium-italic";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.medium-italic.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.medium-italic.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.medium-italic.ttf") format("truetype");
}
span.font13{font-family:"lato-medium-italic";font-size:px;text-transform:;}
</style>
Lato Medium Italic
<style type="text/css">
@font-face{
    font-family:"lato-semibold-italic";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.semibold-italic.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.semibold-italic.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.semibold-italic.ttf") format("truetype");
}
span.font14{font-family:"lato-semibold-italic";font-size:px;text-transform:;}
</style>
Lato Semibold Italic
<style type="text/css">
@font-face{
    font-family:"lato-bold-italic";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.bold-italic.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.bold-italic.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.bold-italic.ttf") format("truetype");
}
span.font15{font-family:"lato-bold-italic";font-size:px;text-transform:;}
</style>
Lato Bold Italic
<style type="text/css">
@font-face{
    font-family:"lato-heavy-italic";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.heavy-italic.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.heavy-italic.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.heavy-italic.ttf") format("truetype");
}
span.font16{font-family:"lato-heavy-italic";font-size:px;text-transform:;}
</style>
Lato Heavy Italic
<style type="text/css">
@font-face{
    font-family:"lato-black-italic";
    src:url("https://dafonttop.com/wp-data/l/347/347/file/lato.black-italic.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.black-italic.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/l/347/347/file/lato.black-italic.ttf") format("truetype");
}
span.font17{font-family:"lato-black-italic";font-size:px;text-transform:;}
</style>
Lato Black Italic