CSS中，button是一種常用的元素，它可以用來實現各種交互操作。而在button元素中，字體的樣式和排版則是至關重要的一部分。在下面的文章中，我們會詳細介紹CSS中如何控制button元素中的字體。

button {
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFF;
background-color: #0072C6;
padding: 8px 16px;
border: none;
border-radius: 4px;
}
button:hover {
background-color: #005FA3;
}

上面的代碼展示了一個典型的button元素樣式。其中，字體的樣式主要通過font-family、font-size、font-weight和color來進行控制。具體屬性的意義如下：

• font-family：指定字體的種類，可以是多個字體名，如果瀏覽器不支持第一個字體，則會依次嘗試后面的字體。
• font-size：指定字體的大小。
• font-weight：指定字體的粗細程度，常用的值有normal和bold。
• color：指定字體的顏色。

當然，除了上述屬性，還有許多可以控制字體排版的CSS屬性，例如line-height、letter-spacing和text-transform等，它們也可以用來進一步優化button元素的字體效果。

最后，我們再來看一下button元素中的交互效果。在上述代碼中，我們使用了:hover選擇器來實現鼠標懸停時的樣式變化，這非常簡單易用。

總之，在掌握了上述CSS知識之后，我們就可以輕松地實現各種酷炫的button元素了。歡迎大家多加嘗試！