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'">Incidunt enim et distinctio sunt.</h3>
<h3 style="font-family: 'Poppins Italic'">Tempore sit est culpa officiis non unde.</h3>
<h3 style="font-family: 'Poppins Thin'">Ea voluptatem numquam rerum voluptatem sed ut.</h3>
<h3 style="font-family: 'Poppins Thin Italic'">Saepe molestiae a sit adipisci.</h3>
<h3 style="font-family: 'Poppins ExtraLight'">A ad eaque at ut.</h3>
<h3 style="font-family: 'Poppins ExtraLight Italic'">Omnis sed aperiam vel. Quam eum eos fugit.</h3>
<h3 style="font-family: 'Poppins Light'">Repudiandae esse consequatur ipsam ea itaque.</h3>
<h3 style="font-family: 'Poppins Light Italic'">Consequatur similique est nisi.</h3>
<h3 style="font-family: 'Poppins Medium'">Molestias ut corporis aut dolor.</h3>
<h3 style="font-family: 'Poppins Medium Italic'">Veniam repudiandae natus consequuntur.</h3>
<h3 style="font-family: 'Poppins SemiBold'">Et eos possimus rerum aut mollitia aperiam est.</h3>
<h3 style="font-family: 'Poppins SemiBold Italic'">Aut non eligendi est amet aut.</h3>
<h3 style="font-family: 'Poppins Bold'">Laborum aut deleniti eos et natus.</h3>
<h3 style="font-family: 'Poppins Bold Italic'">Ut voluptas iste velit fugit.</h3>
<h3 style="font-family: 'Poppins ExtraBold'">Maxime voluptatem quasi qui et.</h3>
<h3 style="font-family: 'Poppins ExtraBold Italic'">Ipsum qui officiis in cum.</h3>
<h3 style="font-family: 'Poppins Black'">Aliquam tenetur sed quas.</h3>
<h3 style="font-family: 'Poppins Black Italic'">Est molestiae autem est voluptates maxime.</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

Users who viewed this font also viewed

Google Sans

Added by Sergejs Ivanovs (12 Style)

Google Sans font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Red Hat

Added by yokuneva (14 Style)

Red Hat font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Lato

Added by zemin (10 Style)

Lato font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Rubik

Added by zemin (10 Style)

Rubik font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Avenir Next Cyr

Added by Donaldnarne (16 Style)

Avenir Next Cyr font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Brandon Grotesque Medium

Added by Pndes Gndes (3 Style)

Brandon Grotesque Medium font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Uni Sans

Added by Dainius (4 Style)

Uni Sans font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Avenir LT Std

Added by test (12 Style)

Avenir LT Std 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...