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'">Eaque voluptates libero enim rerum nobis iste ea.</h3>
<h3 style="font-family: 'Poppins Italic'">Dignissimos quis vero sequi voluptatem iure fuga.</h3>
<h3 style="font-family: 'Poppins Thin'">Est sed hic et nisi.</h3>
<h3 style="font-family: 'Poppins Thin Italic'">Voluptatibus ea corrupti voluptas labore sit qui.</h3>
<h3 style="font-family: 'Poppins ExtraLight'">Debitis rerum impedit odit iste.</h3>
<h3 style="font-family: 'Poppins ExtraLight Italic'">Odit est ipsum voluptates quod.</h3>
<h3 style="font-family: 'Poppins Light'">Enim rerum consectetur iste.</h3>
<h3 style="font-family: 'Poppins Light Italic'">Id quod ea molestiae magni quaerat aut.</h3>
<h3 style="font-family: 'Poppins Medium'">Officiis facilis voluptatum ut doloribus.</h3>
<h3 style="font-family: 'Poppins Medium Italic'">Molestiae molestiae voluptatum sed aut rerum sed.</h3>
<h3 style="font-family: 'Poppins SemiBold'">Natus eligendi non architecto ut.</h3>
<h3 style="font-family: 'Poppins SemiBold Italic'">Qui eius nobis eum pariatur est iste omnis.</h3>
<h3 style="font-family: 'Poppins Bold'">Ab ut dicta quos aut omnis architecto distinctio.</h3>
<h3 style="font-family: 'Poppins Bold Italic'">Sit in sit aut quaerat.</h3>
<h3 style="font-family: 'Poppins ExtraBold'">Non adipisci alias eius iste et maiores.</h3>
<h3 style="font-family: 'Poppins ExtraBold Italic'">Quod quae enim necessitatibus necessitatibus.</h3>
<h3 style="font-family: 'Poppins Black'">Illum similique ad sed soluta at.</h3>
<h3 style="font-family: 'Poppins Black Italic'">Et est autem et sunt.</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

Gotham

Added by zemin (18 Style)

Gotham font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Helvetica

Added by Pndes Gndes (7 Style)

Helvetica font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Helvetica Neue

Added by Pndes Gndes (52 Style)

Helvetica Neue font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Nexa

Added by zemin (18 Style)

Nexa 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

Google Sans

Added by Sergejs Ivanovs (12 Style)

Google Sans font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Bebas Neue

Added by zemin (6 Style)

Bebas Neue font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Roboto

Added by zemin (12 Style)

Roboto 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

Avenir LT Std

Added by test (12 Style)

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