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


Notice: The webfont feature will be upgraded to support the woff2 format soon.
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.



@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'">Corrupti assumenda dolore cum.</h3>
<h3 style="font-family: 'Poppins Italic'">Est repellendus inventore qui quasi magnam sequi.</h3>
<h3 style="font-family: 'Poppins Thin'">Deleniti soluta est totam ad nobis.</h3>
<h3 style="font-family: 'Poppins Thin Italic'">Placeat veniam voluptatibus facilis ex.</h3>
<h3 style="font-family: 'Poppins ExtraLight'">Ratione quod soluta quaerat ipsum.</h3>
<h3 style="font-family: 'Poppins ExtraLight Italic'">Et perspiciatis fugiat hic qui quia et ut enim.</h3>
<h3 style="font-family: 'Poppins Light'">Dolor voluptatem quibusdam quis esse qui.</h3>
<h3 style="font-family: 'Poppins Light Italic'">Dolorum ut temporibus perspiciatis voluptates.</h3>
<h3 style="font-family: 'Poppins Medium'">Qui enim nostrum perspiciatis tempora inventore.</h3>
<h3 style="font-family: 'Poppins Medium Italic'">Quaerat enim ad minima ut dolores tenetur amet.</h3>
<h3 style="font-family: 'Poppins SemiBold'">Cum quo vel veritatis non qui aut.</h3>
<h3 style="font-family: 'Poppins SemiBold Italic'">Consequatur in debitis tenetur aliquid dolor.</h3>
<h3 style="font-family: 'Poppins Bold'">Odio modi magnam maxime.</h3>
<h3 style="font-family: 'Poppins Bold Italic'">Eaque quasi consequatur vel repudiandae.</h3>
<h3 style="font-family: 'Poppins ExtraBold'">Vel pariatur ad et eum.</h3>
<h3 style="font-family: 'Poppins ExtraBold Italic'">Aliquid necessitatibus quis quo omnis est ea.</h3>
<h3 style="font-family: 'Poppins Black'">Eos eos ducimus nulla quisquam.</h3>
<h3 style="font-family: 'Poppins Black Italic'">Sit debitis vel est sint quis.</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

Helvetica

Added by Pndes Gndes (7 Style)

Helvetica font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Gotham

Added by zemin (18 Style)

Gotham font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Avenir Next LT Pro

Added by Sgen (22 Style)

Avenir Next LT Pro 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

Helvetica Neue

Added by Pndes Gndes (52 Style)

Helvetica Neue font download

Font-Face Web fonts & TTF-OTF

Download Add to List

SF UI Display

Added by Pndes Gndes (8 Style)

SF UI Display 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

Myriad Pro

Added by zemin (10 Style)

Myriad Pro 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

Source Sans Pro

Added by zemin (12 Style)

Source Sans Pro 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...