Poppins font

By Ninad Kale (Devanagari), Jonny Pinhorn (Latin) on Oct 26, 2018

Poppins

Poppins

Poppins

Poppins

Geometric sans serif typefaces have been a popular design tool ever since these actors took to the world’s stage. Poppins is one of the new comers to this long tradition. With support for the Devanagari and Latin writing systems, it is an internationalist take on the genre.

Many of the Latin glyphs (such as the ampersand) are more constructed and rationalist than is typical. The Devanagari design is particularly new, and is the first ever Devanagari typeface with a range of weights in this genre. Just like the Latin, the Devanagari is based on pure geometry, particularly circles.

Each letterform is nearly monolinear, with optical corrections applied to stroke joints where necessary to maintain an even typographic color. The Devanagari base character height and the Latin ascender height are equal; Latin capital letters are shorter than the Devanagari characters, and the Latin x-height is set rather high.

The Devanagari is designed by Ninad Kale. The Latin is by Jonny Pinhorn. To contribute, see github.com/itfoundry/poppins
AAAaaa
<style type="text/css">
@font-face{
    font-family:"poppins-regular";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.regular.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.regular.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.regular.ttf") format("truetype");
}
span.font0{font-family:"poppins-regular";font-size:px;text-transform:;}
</style>
Poppins Regular
<style type="text/css">
@font-face{
    font-family:"poppins-thin-regular";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.thin.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.thin.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.thin.ttf") format("truetype");
}
span.font1{font-family:"poppins-thin-regular";font-size:px;text-transform:;}
</style>
Poppins Thin Regular
<style type="text/css">
@font-face{
    font-family:"poppins-extralight-regular";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.extralight.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.extralight.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.extralight.ttf") format("truetype");
}
span.font2{font-family:"poppins-extralight-regular";font-size:px;text-transform:;}
</style>
Poppins ExtraLight Regular
<style type="text/css">
@font-face{
    font-family:"poppins-light-regular";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.light.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.light.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.light.ttf") format("truetype");
}
span.font3{font-family:"poppins-light-regular";font-size:px;text-transform:;}
</style>
Poppins Light Regular
<style type="text/css">
@font-face{
    font-family:"poppins-medium-regular";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.medium.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.medium.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.medium.ttf") format("truetype");
}
span.font4{font-family:"poppins-medium-regular";font-size:px;text-transform:;}
</style>
Poppins Medium Regular
<style type="text/css">
@font-face{
    font-family:"poppins-semibold-regular";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.semibold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.semibold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.semibold.ttf") format("truetype");
}
span.font5{font-family:"poppins-semibold-regular";font-size:px;text-transform:;}
</style>
Poppins SemiBold Regular
<style type="text/css">
@font-face{
    font-family:"poppins-bold";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.bold.ttf") format("truetype");
}
span.font6{font-family:"poppins-bold";font-size:px;text-transform:;}
</style>
Poppins Bold
<style type="text/css">
@font-face{
    font-family:"poppins-extrabold-regular";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.extrabold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.extrabold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.extrabold.ttf") format("truetype");
}
span.font7{font-family:"poppins-extrabold-regular";font-size:px;text-transform:;}
</style>
Poppins ExtraBold Regular
<style type="text/css">
@font-face{
    font-family:"poppins-black-regular";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.black.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.black.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.black.ttf") format("truetype");
}
span.font8{font-family:"poppins-black-regular";font-size:px;text-transform:;}
</style>
Poppins Black Regular
<style type="text/css">
@font-face{
    font-family:"poppins-italic";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.italic.ttf") format("truetype");
}
span.font9{font-family:"poppins-italic";font-size:px;text-transform:;}
</style>
Poppins Italic
<style type="text/css">
@font-face{
    font-family:"poppins-thin-italic";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.thin-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.thin-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.thin-italic.ttf") format("truetype");
}
span.font10{font-family:"poppins-thin-italic";font-size:px;text-transform:;}
</style>
Poppins Thin Italic
<style type="text/css">
@font-face{
    font-family:"poppins-extralight-italic";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.extralight-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.extralight-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.extralight-italic.ttf") format("truetype");
}
span.font11{font-family:"poppins-extralight-italic";font-size:px;text-transform:;}
</style>
Poppins ExtraLight Italic
<style type="text/css">
@font-face{
    font-family:"poppins-light-italic";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.light-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.light-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.light-italic.ttf") format("truetype");
}
span.font12{font-family:"poppins-light-italic";font-size:px;text-transform:;}
</style>
Poppins Light Italic
<style type="text/css">
@font-face{
    font-family:"poppins-medium-italic";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.medium-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.medium-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.medium-italic.ttf") format("truetype");
}
span.font13{font-family:"poppins-medium-italic";font-size:px;text-transform:;}
</style>
Poppins Medium Italic
<style type="text/css">
@font-face{
    font-family:"poppins-semibold-italic";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.semibold-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.semibold-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.semibold-italic.ttf") format("truetype");
}
span.font14{font-family:"poppins-semibold-italic";font-size:px;text-transform:;}
</style>
Poppins SemiBold Italic
<style type="text/css">
@font-face{
    font-family:"poppins-bold-italic";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.bold-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.bold-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.bold-italic.ttf") format("truetype");
}
span.font15{font-family:"poppins-bold-italic";font-size:px;text-transform:;}
</style>
Poppins Bold Italic
<style type="text/css">
@font-face{
    font-family:"poppins-extrabold-italic";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.extrabold-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.extrabold-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.extrabold-italic.ttf") format("truetype");
}
span.font16{font-family:"poppins-extrabold-italic";font-size:px;text-transform:;}
</style>
Poppins ExtraBold Italic
<style type="text/css">
@font-face{
    font-family:"poppins-black-italic";
    src:url("https://fontsme.com/wp-data/p/24/15024/file/poppins.black-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.black-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/24/15024/file/poppins.black-italic.ttf") format("truetype");
}
span.font17{font-family:"poppins-black-italic";font-size:px;text-transform:;}
</style>
Poppins Black Italic

Ad1

ad2