css3-tutorial/13.fonts.html at master · erenmulkoglu/css3-tutorial · 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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!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=Open+Sans:wght@300&display=swap" rel="stylesheet">
<style>
    html {
        font-size: 10px;
    }
    h1 {
        font-family: "Open Sans", sans-serif;
    }
    p {
        font-size: 1.5rem;
        line-height: 1.5em;
    }
    div {
        width: 400px;
        height: 400px;
        border: 1px solid black;

    }
    div span {
        font-size: 75%;
    }

    p {
        font-size: 1.5rem;
        font-style: italic;
        font-weight: bold;
    }
</style>
</head>
<body>
    <h1>Başlık</h1>
    <div>
        <p>
            Lorem ipsum dolor sit, amet <span>consectetur</span> adipisicing elit. Rerum, tenetur.
        </p>
    </div>
<!--
    <h1>Başlık 1</h1>
    <p>
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fugiat quam in omnis voluptate libero molestias nemo minus ipsa eos temporibus. Eum doloribus, distinctio vel non corporis quia nobis voluptas eveniet voluptatum dolore fuga adipisci accusamus sequi. Architecto excepturi, cum dolorum temporibus debitis nihil sed quos optio expedita, minus tempore beatae.
    </p> -->

</body>
</html>