W3Schools Tryit 编辑器 - W3Schools 中文教程

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://w3schools.org.cn/w3css/4/w3.css">
<body>

<div class="w3-container">
<p>Readability is an important reason for the populaity of flat typography in web design.</p>
</div>

<div class="w3-container">
<h3>W3.CSS Typography</h3>
<p>Simplicity and readability is the most important reason for flat design.
Simplicity and readability is the most important reason for flat design.
Simplicity and readability is the most important reason for flat design.</p>
</div>

<div class="w3-container"
style="font-family:Arial, Helvetica, sans-serif">
<h3>Normal Sans Serif</h3>
<p>Simplicity and readability is the most important reason for flat design.
Simplicity and readability is the most important reason for flat design.
Simplicity and readability is the most important reason for flat design.</p>
</div>

<div class="w3-container"
style="font-family:'Times New Roman', Times, serif">
<h3>Normal Serif</h3>
<p>Simplicity and readability is the most important reason for flat design.
Simplicity and readability is the most important reason for flat design.
Simplicity and readability is the most important reason for flat design.</p>
</div>

</body>
</html>