在網頁設計中，CSS作為一種樣式語言，常用于美化網頁并為網頁添加樣式。CSS不僅可以控制網頁的布局和排版，還可以使網頁元素擁有不同的樣式效果，其中一個重要的元素就是字體。

CSS提供了多種方式來控制字體的樣式，其中最常見的方式就是將CSS字體樣式寫進盒子。在HTML中，我們可以使用div標簽或其他塊級元素來包裹一段文本，然后使用CSS給這個盒子添加樣式。

<div class="box">
<p>這是一段文本。</p>
</div>
.box {
font-size: 16px;
font-family: Arial, sans-serif;
color: #333;
background-color: #f6f6f6;
padding: 20px;
}

上述代碼展示了如何為一個class為“box”的div盒子添加字體樣式。其中，font-size屬性控制字體大小，font-family屬性控制字體樣式，color屬性控制字體顏色，background-color屬性控制盒子的背景色，padding屬性控制文本與盒子的距離。

在CSS中，除了可以使用div標簽外，還可以使用其他塊級元素如p、h1等標簽來包裹文本。同樣的，也可以在CSS樣式中為這些元素添加字體樣式。

<p class="content">這是一段文本。</p>
.content {
font-size: 18px;
font-weight: bold;
font-family: "Microsoft YaHei", sans-serif;
color: #666;
margin-top: 30px;
}

上述代碼展示了如何為一個class為“content”的p標簽添加字體樣式。其中，font-size屬性控制字體大小，font-weight屬性控制字體粗細，font-family屬性控制字體樣式，color屬性控制字體顏色，margin-top屬性控制文本與頂部的距離。

總之，在CSS中掌握字體樣式的寫法，可以讓你的網頁設計更加美觀、舒適。