Poppins Font Family

Uploaded by zemin (18 styles)

License

Free

Designed by

Ninad Kale (Devanagari), Jonny Pinhorn (Latin)

Supported Languages

Afrikaans Albanian Catalan Croatian Czech Danish Dutch English Estonian Finnish French German Hungarian Icelandic Italian Latvian Lithuanian Norwegian Polish Portugese Romanian Slovak Slovenian Spanisch Swedish Turkish Zulu

Poppins font preview


Poppins Regular

Poppins Regular font

Poppins Italic

Poppins Italic font

Poppins Thin

Poppins Thin font

Poppins Thin Italic

Poppins Thin Italic font

Poppins ExtraLight

Poppins ExtraLight font

Poppins ExtraLight Italic

Poppins ExtraLight Italic font

Poppins Light

Poppins Light font

Poppins Light Italic

Poppins Light Italic font

Poppins Medium

Poppins Medium font

Poppins Medium Italic

Poppins Medium Italic font

Poppins SemiBold

Poppins SemiBold font

Poppins SemiBold Italic

Poppins SemiBold Italic font

Poppins Bold

Poppins Bold font

Poppins Bold Italic

Poppins Bold Italic font

Poppins ExtraBold

Poppins ExtraBold font

Poppins ExtraBold Italic

Poppins ExtraBold Italic font

Poppins Black

Poppins Black font

Poppins Black Italic

Poppins Black Italic font


Use "Poppins" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Poppins 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 Poppins 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: 'Poppins Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Regular'), url('Poppins-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Poppins Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Italic'), url('Poppins-Italic.woff') format('woff');
}
@font-face {
    font-family: 'Poppins Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Thin'), url('Poppins-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Poppins Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Thin Italic'), url('Poppins-ThinItalic.woff') format('woff');
}
@font-face {
    font-family: 'Poppins ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins ExtraLight'), url('Poppins-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'Poppins ExtraLight Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins ExtraLight Italic'), url('Poppins-ExtraLightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Poppins Light';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Light'), url('Poppins-Light.woff') format('woff');
}
@font-face {
    font-family: 'Poppins Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Light Italic'), url('Poppins-LightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Poppins Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Medium'), url('Poppins-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Poppins Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Medium Italic'), url('Poppins-MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Poppins SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins SemiBold'), url('Poppins-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Poppins SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins SemiBold Italic'), url('Poppins-SemiBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Poppins Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Bold'), url('Poppins-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Poppins Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Bold Italic'), url('Poppins-BoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Poppins ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins ExtraBold'), url('Poppins-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'Poppins ExtraBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins ExtraBold Italic'), url('Poppins-ExtraBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Poppins Black';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Black'), url('Poppins-Black.woff') format('woff');
}
@font-face {
    font-family: 'Poppins Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Black Italic'), url('Poppins-BlackItalic.woff') format('woff');
}



sample html
<h3 style="font-family: 'Poppins Regular'">Pariatur totam libero id distinctio quisquam ea.</h3>
<h3 style="font-family: 'Poppins Italic'">Architecto sit et fugiat necessitatibus et.</h3>
<h3 style="font-family: 'Poppins Thin'">In aut sapiente cumque delectus qui saepe quidem.</h3>
<h3 style="font-family: 'Poppins Thin Italic'">Quis nihil omnis repudiandae quo impedit et sit.</h3>
<h3 style="font-family: 'Poppins ExtraLight'">Reprehenderit facilis eum impedit sit.</h3>
<h3 style="font-family: 'Poppins ExtraLight Italic'">Autem est tempore omnis nobis nostrum.</h3>
<h3 style="font-family: 'Poppins Light'">Rem in dignissimos nisi eveniet ut nobis.</h3>
<h3 style="font-family: 'Poppins Light Italic'">Corrupti est est necessitatibus quidem est.</h3>
<h3 style="font-family: 'Poppins Medium'">Quasi possimus debitis quae dolor.</h3>
<h3 style="font-family: 'Poppins Medium Italic'">Fuga et fugiat commodi facere dicta.</h3>
<h3 style="font-family: 'Poppins SemiBold'">Officia debitis dicta rerum nam.</h3>
<h3 style="font-family: 'Poppins SemiBold Italic'">Aut cupiditate quis sed aut.</h3>
<h3 style="font-family: 'Poppins Bold'">Nulla consequatur magni sed hic.</h3>
<h3 style="font-family: 'Poppins Bold Italic'">Ipsam ipsam est vel.</h3>
<h3 style="font-family: 'Poppins ExtraBold'">Sed consequatur et quidem hic consequatur.</h3>
<h3 style="font-family: 'Poppins ExtraBold Italic'">Sunt cupiditate et molestiae esse saepe itaque.</h3>
<h3 style="font-family: 'Poppins Black'">Ut occaecati dolores ut deleniti.</h3>
<h3 style="font-family: 'Poppins Black Italic'">Praesentium neque dicta ut et.</h3>
Preview



License

This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL

Copyright 2014-2017 Indian Type Foundry ([email protected])

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

Popular fonts of the week

Gotham

Added by zemin (18 Style)

Gotham 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

Bahnschrift

Added by Renata Tuccimei (15 Style)

Bahnschrift font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Helvetica Neue

Added by Diego Garcia (16 Style)

Helvetica Neue font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Segoe UI

Added by Emerson Mancini (4 Style)

Segoe UI font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Brandon Grotesque Regular

Added by Pndes Gndes (7 Style)

Brandon Grotesque Regular font download

Font-Face Web fonts & TTF-OTF

Download Add to List



Explore font collections








CUFONFONTS.COM FACEBOOK PAGE OPENED!

Progress is running, please wait...