HTML文檔中的字體樣式是通過CSS來定義的，在CSS中有一種字體樣式居中的方式，可以讓文本內容垂直和水平居中。這種方式是通過使用CSS的屬性font-來實現的，下面我們來詳細講述一下。 首先，我們需要在HTML文檔中添加需要居中的文本內容。在這里，我們以一段文字為例，使用p標簽將其包圍起來。代碼如下：

<p>這是一段需要居中的文本內容</p>

接下來，我們需要為這段文字添加CSS樣式。在這里，我們采用的是CSS的屬性font-來實現居中對齊。代碼如下：

<style>
p {
font-size: 20px;
text-align: center;
line-height: 100px;
height: 100px;
width: 100%;
display: inline-block;
vertical-align: middle;
}
</style>

以上代碼實現了居中對齊的方式。其中，font-size用于設置字體大小，text-align用于設置文本對齊方式，line-height用于設置行高，height和width用于設置文本容器的高度和寬度，display用于設置元素的顯示方式，vertical-align用于設置元素在垂直方向上的對齊方式。 值得注意的是，在使用vertical-align屬性時，需要將元素設置為行內塊級元素，才能起到垂直對齊的作用。 最后，我們來看一下實現后的效果。代碼如下：

<p>這是一段需要居中的文本內容</p>
<style>
p {
font-size: 20px;
text-align: center;
line-height: 100px;
height: 100px;
width: 100%;
display: inline-block;
vertical-align: middle;
}
</style>

運行后，文字內容就能夠居中對齊了。通過以上的方法，我們可以輕松地實現文本內容的居中對齊，增加頁面的視覺效果和友好度。