CSS 的字體垂直居中是網頁設計中常常被用到的一個技巧，它可以使得文字在一個盒子中垂直居中顯示，而不會因為盒子大小的變化而導致文字位置發生變化。下面就來介紹一下如何使用 CSS 實現字體垂直居中。

.center {
display: flex;
justify-content: center;
align-items: center;
}
p {
font-size: 16px;
line-height: 1.5;
}

首先，需要給文字所在的盒子添加一個類名，比如這里我們給它設為“center”。然后，在 CSS 中，我們利用 Flex 布局來實現垂直居中。display 屬性設置為 flex，justify-content 屬性設置為 center，align-items 屬性同樣設置為 center。這樣，就可以水平和垂直居中了。

另外，還需要注意一點，就是在給文字設置樣式時，要設置它的行高（line-height）和字體大小（font-size）。不同的字體大小會影響盒子的高度，從而導致文字顯示位置的不同，而設置行高可以保證文字在不同字體大小下仍然垂直居中。

綜上所述，利用 CSS 實現字體垂直居中，可以使用 Flex 布局，并且需要對文字的行高和字體大小進行設置。這個技巧在網頁設計中非常實用，可以讓網頁呈現更加美觀和專業的效果。