Try it Yourself: CSS Fonts

CSS Fonts

<!DOCTYPE html>
<html>
<head>
<style>
html {
  font-size: 16px;
}

h1 {
  font-size: 2rem;
}

p {
  font-size: 1rem;
}
</style>
</head>
<body>

<h1>Main Heading</h1>
<p>This paragraph uses the root font size.</p>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
html {
  font-size: 16px;
}

h1 {
  font-size: 2rem;
}

p {
  font-size: 1rem;
}
</style>
</head>
<body>

<h1>Main Heading</h1>
<p>This paragraph uses the root font size.</p>

</body>
</html>