font face

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        p:before{
            content: "*";
            color: red;

        }

        p:after{
            content: "*";
            color: red;
            font-family:  Arial, Calibri;

        }

        @font-face {
            font-family: "Rockers Garage";
            src: url("font/Rockers Garage.ttf");
        }

        h1{
            font-family: Rockers Garage;
            font-style: italic;
        }

    </style>
</head>
<body>
<div>
    <h1>Computer</h1>
    <p>The first character of this paragraph will be 5em big <br>
        and in red color as defined in the CSS rule above. Rest of the
        characters in this paragraph will remain normal. This example
        shows how to use :first-letter pseduo element to give effect to
        the first characters of any HTML element.</p>

</div>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog