Lato Font Family

Uploaded by zemin (10 styles)

License

Free for commercial use

Designed by

Lukasz Dziedzic

Supported Languages

Afrikaans Albanian Catalan Danish Dutch English Estonian Finnish French German Icelandic Italian Norwegian Polish Portugese Spanisch Swedish Zulu

Lato font preview


Lato Regular

Lato Regular font

Lato Italic

Lato Italic font

Lato Hairline

Lato Hairline font

Lato Hairline Italic

Lato Hairline Italic font

Lato Light

Lato Light font

Lato Light Italic

Lato Light Italic font

Lato Bold

Lato Bold font

Lato Bold Italic

Lato Bold Italic font

Lato Black

Lato Black font

Lato Black Italic

Lato Black Italic font


Use "Lato" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Lato font. Webfont and @font-face supported all up-to-date browsers can use comfortably.

@font-face is very easy to use, click here to download Lato webfont kit. The following example will guide you to the css and html codes.

Ensuring the maximum cross browser typography support, WOFF (Web OpenFont Format) works with all up-to-date browsers. You can check the versions by clicking here.

Using this font on your website is your own legal responsibility. You can check the license information of the font.



You must be logged in to use CDN.
@font-face kit
@font-face {
    font-family: 'Lato Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Regular'), url('Lato-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Lato Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Italic'), url('Lato-Italic.woff') format('woff');
}
@font-face {
    font-family: 'Lato Hairline';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Hairline'), url('Lato-Hairline.woff') format('woff');
}
@font-face {
    font-family: 'Lato Hairline Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Hairline Italic'), url('Lato-HairlineItalic.woff') format('woff');
}
@font-face {
    font-family: 'Lato Light';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Light'), url('Lato-Light.woff') format('woff');
}
@font-face {
    font-family: 'Lato Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Light Italic'), url('Lato-LightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Lato Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Bold'), url('Lato-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Lato Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Bold Italic'), url('Lato-BoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Lato Black';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Black'), url('Lato-Black.woff') format('woff');
}
@font-face {
    font-family: 'Lato Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Black Italic'), url('Lato-BlackItalic.woff') format('woff');
}



sample html
<h3 style="font-family: 'Lato Regular'">Modi consectetur maiores blanditiis voluptate.</h3>
<h3 style="font-family: 'Lato Italic'">Id numquam neque quae culpa nisi.</h3>
<h3 style="font-family: 'Lato Hairline'">Non quam expedita in ratione fuga iusto.</h3>
<h3 style="font-family: 'Lato Hairline Italic'">Itaque nobis perspiciatis et delectus repellat.</h3>
<h3 style="font-family: 'Lato Light'">Hic delectus vero laboriosam consequatur eius.</h3>
<h3 style="font-family: 'Lato Light Italic'">Quod voluptates quidem voluptatem dicta neque.</h3>
<h3 style="font-family: 'Lato Bold'">Voluptas enim provident et.</h3>
<h3 style="font-family: 'Lato Bold Italic'">Sed numquam non quibusdam deleniti illum.</h3>
<h3 style="font-family: 'Lato Black'">Harum vitae molestiae tempora officiis ut.</h3>
<h3 style="font-family: 'Lato Black Italic'">Molestias eveniet tempora quia qui.</h3>
Preview



License

..

?>

Copyright (c) 2010-2011 by tyPoland Lukasz Dziedzic (http://www.typoland.com/) with Reserved Font Name "Lato". Licensed under the SIL Open Font License, Version 1.1 (http://scripts.sil.org/OFL).

Lato is a trademark of tyPoland Lukasz Dziedzic.

Copyright (c) 2010-2011 by tyPoland Lukasz Dziedzic with Reserved Font Name "Lato". Licensed under the SIL Open Font License, Version 1.1.

http://scripts.sil.org/OFL





Legal notice

Cufonfonts.com's fonts are uploaded by our members. The license information stated by the members is usually correct but we cannot guarantee it. We give great importance to copyright and have developed some techniques to make sure that the previously mentioned issue doesn't occur, also the system automatically displays the copyright information of the font here. If you believe that this font is in violation of copyright and isn't legal, please let us know in order for the font to be removed or revised.

You can also check the legal and commercial status of this font;

MyFonts.com Fonts.com

It is the users' own legal responsibility to download and use this font.

Your download will begin in a moment.

If it doesn't, restart the download.

Like our Facebook page to be notified of the new free premium fonts!

SHARE ON FACEBOOK DISCOVER NEW FONTS

Users who viewed this font also viewed

DINPro

Added by Sandy (4 Style)

DINPro font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Montserrat

Added by zemin (18 Style)

Montserrat font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Myriad Pro

Added by zemin (10 Style)

Myriad Pro font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Quantify

Added by zemin (2 Style)

Quantify font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Nexa

Added by zemin (2 Style)

Nexa font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Raleway

Added by zemin (19 Style)

Raleway font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Myriad Web Pro

Added by Damien Shaw (4 Style)

Myriad Web Pro font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Titillium

Added by morato (16 Style)

Titillium font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Encode Sans Semi Expanded

Added by zemin (9 Style)

Encode Sans Semi Expanded font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Encode Sans Condensed

Added by zemin (9 Style)

Encode Sans Condensed font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Similar Fonts

Lato TR

Added by Nicolas (10 Style)

Lato TR font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Lato Hairline

Added by Gian Battista Muzzi (1 Style)

Lato Hairline font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Lato Black

Added by Gian Battista Muzzi (1 Style)

Lato Black font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Lato Light

Added by Gian Battista Muzzi (1 Style)

Lato Light font download

Font-Face Web fonts & TTF-OTF

Download Add to List



Explore font collections








CUFONFONTS.COM FACEBOOK PAGE OPENED!
Add)ns5l ier">v,tor- atimat ro25.7wuotatuges/)ns5 tra1X7Kxx2,>Add}u zemin

zemin cl-darkslas#nn-d.48azts"89rayu4.48az,e3eyframra8ie la,e3u0px, viewsvieSbh-odic-8-20x, i:t-30x, i:tx, i:t-,="[email protected]">zemin cl-darkslas#nn-d.48azts"89rayu4.48az,e3eyframra8ie la,e3u0px, viewsvieSbh-odic-8-20x, i:t-30x, i:tx, i:t-,="[email protected]">zemin "bt&DdensrdamrPleamin "bt&x, i:t-rnuf6h:8ie la,e3u0px, viewsvieSbh-odic-8-20x, i9'ypx, 2o4s"H9uett 78px, -31.9bn7dxlk' 7">k'="Mlidk [email protected] la,[email protected]_ P1.9u-Mr cubic-beVu|;o%84k' 7"> "bt&h el for="ate(0px,3lw"> "bt&x, i:t-rnuf6h:8ie la,e3u0px, v8 6/Y<(2qty:ka> "bt&Nired="Eansf'xMe3u0px, v8 6/Y<(2qty:ka> "bt&Nired="Eansf'xMenlasspx," vaCr#r0 sfoi A08x.J.el densrdamrPleamin "bt&x, i:t-rnuf6 v8 6/Y<(2qty:amra 8ie la,e-tP- 8px,3lw"> "bt&h d"bt&x, i:t-rnuf6hdfs/> "bt&Ni1 v8 6/2p02-.01"} "bt&xrq, r-0y.Qnn-d.l31.98 a 6/2p02zqty:ka> "bt&Nired="Eans1brk">zemiql2/true" data-animator-type="0">2i" _/a,"5> t" w"5> tU> T" W>e0x, i:tx, i:t-,="[email protected]

zemin

zemin

E5nnnnnnnnnnnnnnnnnnnn1nnn1na-7nnnnnnn1nnn1nnn1nannnn4nnnn1nnn1nnn1na47nnnnnnn1nnn1nnn1nannnn4nnn Z0n1n 02keyOVER 1nnn1ni31Qs/)ns5 3d7loP lass="Ml23 1nnpt-2 lascs/)ns5 3|0-.4ti-pographical" ti -3an lascp|tnnnmodaa0pograascdaa0pogrcs/)nc-2 1nnnnn1nn2,rcs/)scdaa00nn1ni31Qs02dkeyOVER D-2\ograu0pxnnnnnnn1nnn1nnn1nannnn4nnn Z0n1Ymo.oNOVEc02Rn1Yan1Yman1nnn7rcs/4xnnn1n7rcs(drcs/ 035nn1n1nnn41nn2,rn7r4Yan,rn7r4=ie laJd l9timiFAYman12g" rn1nnn+rk">zemin lJgOo4=ie laJd l9timiFAYml> /)ns54,1.149c.217.5301su-a}nnnnpn 02keyOVER 1n 07Jd l9timiFAYman12 ath dyOV.9744nnnna}nn44nnna2 2 data1 d"bs/)scc, i=ie 2s"8/a> FAYm,r1V3> FAYm,r6r cu1nnn4n44n1nnn1na n1naA fo15, fo15,data1 rn1nnn+r/div> i" e" W/wr/r2a23.'23.' ( .%84k' (){vclas=ss="load.queryS-keyfor('slate(-58.9'),b=a.queryS-keyforAll('Vu|;o'),c= .%84k' (d){b.n_ Each( .%84k' (f){vclag=f.WvlmCenterx;g&&(f.WvlmCenterx=g.re, 0, (/ray-2n_ P1.[^;\r\n]*/gi,'ray-2n_ P1.9'+d))})};c('teteial'),ext-blansfoestrrpxr859iF ( .%84k' (){return c('-Mr cubi')})})(); ransform-origrequired">

ss=" CATEGORIESform" custom-select" nasudata-layo/dili> SERIF> ili> SANS-SERIF> ili> ili> SYMBOL> ili> MONOSPACED> ili> POPULAR TAGSform" c-RE74" data-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re text-center">Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-input-id="report-recaptch for="report-fullname">FullnameHFc8rAMkS mr-2e="d2S-RE74" data-input-id="re Yta-inputu " roltext-cem-contro-RE74" data-input-id="div> dapt-
o"> - vcem-input class=" pi"mdiity: 1-id="report-recaptch quote citent_family_id" value=""> ut type="hxfbmlhparse-ignoreplaceholder="Please prove ton type="button" clasvalue=""> >C nt"> t