CSS中的按鈕是網頁設計中常見的元素之一，其樣式可以通過CSS進行自定義，其中字體居中是按鈕樣式的關鍵之一。下面我們將講述如何在CSS中實現按鈕字體居中。

.btn {
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: normal;
font-size: 16px;
font-weight: bold;
padding: 10px 20px;
color: #fff;
background-color: #007bff;
border: none;
border-radius: 5px;
}

上述代碼中，我們使用了display: inline-block;，這個樣式可以讓按鈕元素變為內聯塊元素。

同時，我們使用了text-align: center;，它可以讓按鈕文字水平居中對齊。

對于垂直居中，我們使用了vertical-align: middle;，可以將按鈕文字垂直居中對齊。

此外，我們還需要設置line-height: normal;，這個樣式可以讓行高回歸正常值。還有font-size、font-weight、padding、color、background-color、border、border-radius這些樣式，用于設置按鈕的各項樣式。

綜上所述，使用以上代碼可以實現按鈕字體居中的效果，使網頁設計更為美觀。