<head>
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Kenia&family=Montserrat:ital,wght@0,500;0,600;0,700;0,900;1,300&family=Zen+Dots&display=swap" rel="stylesheet">
</head>
<h4>Css Fonts</h4>
    <p class="first">Lets play with fonts. It is very exciting.</p>

    <p class="third">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente voluptatibus voluptates tempora culpa non perspiciatis perferendis <span>lorem </span> exercitationem voluptatum, doloremque, facilis cupiditate odit deleniti consequuntur eligendi molestiae aliquid rem quod obcaecati?</p>

    <p class="second">Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus, exercitationem maxime!  magnam inventore eum quidem quo sapiente?</p>
p{
            font-size: 19px;
        }
        .first{
            font-family: 'Montserrat';
            font-weight: 500;
        }
        
        span{
            font-weight: 900;
        }

        .second{
            font-family:'Zen Dots' ;
        }

        .third{
            font-family: 'Kenia';
        }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.