Poppins Font Family CDN & Download

<!DOCTYPE html>
<html>
<head>
 <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:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
 rel="stylesheet">
</head>
<style>
 body {
 font-family: 'Poppins', sans-serif;
 font-size: 22px;
 }
</style>
<body>
 <h3>Poppins Font CDN</h3>
 Poppins Thin 100
 Poppins Thin 100 Italic
 Poppins ExtraLight 200
 Poppins ExtraLight 200 Italic
 Poppins Light 300
 Poppins Light 300 Italic
 Poppins Regular 400
 Poppins Regular 400 Italic
 Poppins Medium 500
 Poppins Medium 500 Italic
 Poppins SemiBold 600
 Poppins SemiBold 600 Italic
 Poppins Bold 700
 Poppins Bold 700 Italic
 Poppins ExtraBold 800
 Poppins ExtraBold 800 Italic
 Poppins Black 900
 Poppins Black 900 Italic
</body>

</html>

​x
 
<!DOCTYPE html>
<html>
<head>
    <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:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet">
</head>
<style>
    body {
        font-family: 'Poppins', sans-serif;
        font-size: 22px;
    }
</style>
<body>
    <h3>Poppins Font CDN</h3>
    <p style="font-weight: 100;">Poppins Thin 100</P>
    <p style="font-style: italic;font-weight: 100;">Poppins Thin 100 Italic</P>
    <p style="font-weight: 200;">Poppins ExtraLight 200</P>
    <p style="font-weight: 200;font-style: italic;">Poppins ExtraLight 200 Italic</P>
    <p style="font-weight: 300;">Poppins Light 300</P>
    <p style="font-weight: 300;font-style: italic;">Poppins Light 300 Italic</P>
    <p style="font-weight: 400;">Poppins Regular 400</P>
    <p style="font-weight: 400;font-style: italic;">Poppins Regular 400 Italic</P>
    <p style="font-weight: 500;">Poppins Medium 500</P>
    <p style="font-weight: 500; font-style: italic;">Poppins Medium 500 Italic</P>
    <p style="font-weight: 600;">Poppins SemiBold 600</P>
    <p style="font-weight: 600; font-style: italic;">Poppins SemiBold 600 Italic</P>
    <p style="font-weight: 700;">Poppins Bold 700</P>
    <p style="font-weight: 700; font-style: italic;">Poppins Bold 700 Italic</P>
    <p style="font-weight: 800;">Poppins ExtraBold 800</P>
    <p style="font-weight: 800; font-style: italic;">Poppins ExtraBold 800 Italic</P>
    <p style="font-weight: 900;">Poppins Black 900</P>
    <p style="font-weight: 900; font-style: italic;">Poppins Black 900 Italic</P>
</body>
​
</html>