Poppins Font Family: Google CDN, CSS - Free Download

Image 1
Image 2
Image 3
Image 4
Image 5
Image 6
Image 1 Image 2 Image 3 Image 4 Image 5 Image 6

The Poppins font family, a free download available through Google’s CDN and CSS, has been served over 8.53 billion times by the Google Fonts API in the last week. This versatile typeface is featured in more than 20 million websites worldwide.

The Poppins font family, designed by the Indian Type Foundry with Jonny Pinhorn as the principal designer, includes styles such as Poppins Bold and Poppins Black, both available for free download. The United States leads in usage, followed by Turkey, Poland, the Philippines, and Mexico

Poppins Font Family CSS Style 

font-family: 'Poppins', sans-serif;

Poppins Google Font CDN Link 

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins" rel="stylesheet">

Poppins Google Font Import 


    <style>
    @import url('https://fonts.googleapis.com/css2?family=Poppins');
    </style>

Poppins Font Family CSS Editor

18px
Color:
BG Color:

Poppins Font Family CDN


<link href="https://fonts.googleapis.com/css2?family=Roboto" rel="stylesheet">

Import

  <style>
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
</style>

CSS

font-family: 'Poppins', sans-serif;
Thin 100 ExtraLight 200 Light 300 Regular 400 Medium 500 SemiBold 600 Bold 700 ExtraBold 800 Black 900
Italic
Regular 400 at 48px
Exploring the Timeless Charm of the Poppins Font Family
Regular 400 at 32px
Everyone has the right to an effective remedy by the competent national tribunals for acts violating the fundamental rights granted him by the constitution or by law.
Regular 400 at 40px
Poppins is a sans-serif typeface that was designed by Jonny Pinhorn and Ninad Kale in 2020. It is a geometric sans serif font family that supports both the Devanagari and Latin writing systems1.
Regular 400 at 24px
No one shall be subjected to arbitrary arrest, detention or exile. Everyone is entitled in full equality to a fair and public hearing by an independent and impartial tribunal, in the determination of his rights and obligations and of any criminal charge against him. No one shall be subjected to arbitrary interference with his privacy, family, home or correspondence, nor to attacks upon his honour and reputation. Everyone has the right to the protection of the law against such interference or attacks.
Regular 400 at 36px
No one shall be held in slavery or servitude; slavery and the slave trade shall be prohibited in all their forms.
Regular 400 at 16px
The Poppins font family is a versatile and modern sans-serif typeface known for its clean and geometric design. Developed by Indian Type Foundry, Poppins is widely used for its readability and aesthetic appeal, making it suitable for a variety of design projects.

How to Use Poppins Font Family?

To utilize the Poppins Font Family in HTML, first, link the font from Google Fonts in the head section. Employ the CSS style tag to set the font family for the body element as 'Poppins' and specify a default font size. For diverse text elements, like headers and paragraphs, apply different font weights and styles using inline styles or a separate stylesheet. The provided example demonstrates the inclusion of Poppins Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold, and Black variants, along with their italic styles. This ensures a consistent and visually appealing typography scheme throughout the HTML document, enhancing the overall design and readability.