VVT_Internship/font.html at main · Layashree/VVT_Internship · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
    <head>
        <title>Fonts in css</title>
        <link rel="stylesheet" href="demo.css">
        <style>
            .apple {
                font-style:oblique ;
                font-weight: bold;
                font-size: 25px;
                font-family: "Times New Roman", Times, serif;
            }
            #grapes {font: italic bold 25px Arial;}
            #mango{
                font-variant: small-caps;
                font-display: block;
                font-size: 1.5em;
            }
        </style>
    </head>
    <body>
        <p class="apple">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestias, repellat! Impedit voluptatem repudiandae laborum dignissimos amet laudantium, reiciendis, quibusdam inventore aperiam iusto delectus natus excepturi placeat quia veritatis sapiente cupiditate.</p><hr><br>
        <h3 id="grapes">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem cupiditate atque sit aliquam nostrum aspernatur perferendis dolorum dolor corrupti cum. Vel veniam ullam, explicabo repellendus non atque nobis. Blanditiis, quia.</h3><hr><br>
        <p id="mango" style="background-color: yellow;">Lorem ipsum dolor sit, amet consectetur adipisicing elit. In non quibusdam necessitatibus, perferendis enim, aliquam adipisci expedita autem esse ratione facilis ea voluptatum odio, dolores reprehenderit repellat dolor ab asperiores?</p><br>
    </body>
</html>