Crie o arquivo HTML:

<!DOCTYPE html>

<html lang="pt-br">

<head>
    <meta charset="utf-8"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <link href="style.css" rel="stylesheet"/>
    <title>Textos e Fontes</title>
</head>

<body>
    <header>
        <h1>Textos e Fontes</h1>
    </header>

    <section>
        <h2>Exemplos de Propriedades de Fonte</h2>
        <p>Veja como aplicar diferentes estilos de fonte no CSS.</p>
        <p class="bold">Exemplo de texto em negrito</p>
        <p class="italic">Exemplo de texto em italico</p>
    </section>
</body>

</html>

Adicione o arquivo CSS:

header {
  text-align: center;
  text-decoration: overline;
  text-transform: uppercase;
}

h1 {
  font-family: cursive;
  font-weight: 100;
}

h2 {
  font-size: 16px;
  letter-spacing: 10px;
  text-transform: uppercase;
}

p {
    font-family: sans-serif;
}

.bold {
  font-weight: 700;
}

.italic {
  font-style: italic;
}