N. Web fonts

Salida


1	<!DOCTYPE html>
2	<html lang="es">
3
4	<head>
5
6	<meta charset="UTF-8">
7	<title>Web fonts</title>
8	<meta name="viewport"
9	content="width=device-width">
10
11	<link rel="preconnect" href="https://fonts.googleapis.com">
12	<link rel="preconnect" href="https://fonts.gstatic.com"
13	crossorigin>
14	<link
15	href="https://fonts.googleapis.com/css2?family=Forum&family=Winky+Rough:ital,wght@0,300..900;1,300..900&display=swap"
16	rel="stylesheet">
17
18	<style>
19	h1 {
20	font-family: "Winky Rough", sans-serif;
21	}
22
23	p {
24	font-family: "Forum", serif;
25	}
26	</style>
27
28	</head>
29
30	<body>
31
32	<h1>Web fonts</h1>
33
34	<p>
35	Este ejemplo usa Web fonts.
36	</p>
37
38	</body>
39
40	</html>