Wednesday, 20 April 2022

HTML + CSS #8 | Fonts & Color in HTML & CSS | Web Development.

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bangers&display=swap" rel="stylesheet">
<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=Bangers&family=Sacramento&display=swap" rel="stylesheet">
</head>
<style>
    #vscodefont{
        font-family: 'Bangers', cursive;
        color: rgb(255, 230, 0);
    }
    #importedfont{
        font-family: 'Bangers', cursive;
        font-family: 'Sacramento', cursive;
        color: rgb(2, 40, 255);
       
    }
    #heading{
        color: #00BBFF;
    }
</style>
<body>
<p id="vscodefont">This is my 8th Video</p>
<p id="importedfont">Soon I will be making a Project on HTML & CSS</p>
<h1 id="heading">3rd way</h1>
</body>
</html>






No comments:

Post a Comment

JAVASCRIPT + CSS + HTML #42 | Event & Event Listener |How to Target using JS | Web Development

  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < met...