Fonts in CSS

 <!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>CSS Fonts</title>

    <link href="https://fonts.googleapis.com/css2?family=Fruktur&display=swap" rel="stylesheet">

    <style>

        p{

            font-family: cursive;

            font-size: 50px;

            line-height: 1.3em;

        }

        span{

            font-weight: bold;

            font-style: italic;

        }

    </style>

</head>

<body>

    <h4>CSS Fonts</h4>

    <p>Lets play with <span>Fonts.</span> It is very exciting</p>

</body>

</html>

Comments

Post a Comment

Popular posts from this blog

Transform Property In CSS

 <!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>CSS Transform</title>     <style>         * {             margin: 0px;             padding: 0px;         }         .container {             height: 80vh;             background-color: rgb(44, 19, 92);             display: flex;             justify-content: center;             align-items: center;         }         .box {             displ...
Read more

More on CSS Selectors

 <!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>More on selectors</title>     <style>         h1{             background-color: red;             color: black;             font-weight: bold;             text-align: center;         }         body{             background-color: rgb(97, 92, 97);         }         /* if p is contained by any li which is contained by div  */         /* div li p{             color: rgb(255, 25...
Read more