CSS中的字體樣式和字體距離是頁面設計中會經常用到的樣式。字體和間距的設置可以讓設計更加美觀、合理，同時這也是頁面設計中重要的一部分。接下來，本文將從CSS中字體距離的設置出發，介紹一些常見的字體樣式和字體距離的設置。

一、字體距離的設置：

1、行高
當我們通過行高（line-height）設置文字的高度時，需要注意行高的值要比文字的高度大。這是因為行高加上文字的上下間距就是文字的高度。
2、字距
字距（letter-spacing）的設置可以讓文字更加整齊。使用字距的時候，需要保證文字間距夠寬，以免影響文字的辨識度。
3、單詞間距
單詞間距（word-spacing）的設置可以讓文章更加整潔。
4、外邊距和內邊距
使用外邊距和內邊距來調整段落的間距，可以讓頁面看起來更加整齊。
5、行距
行距（text-indent）的設置可以讓文章具有更強的可讀性。
6、字體大小
字體大小（font-size）是頁面設計中重要的一部分。通過設置字體大小，可以改變文字的大小，從而優化頁面的排版效果。

二、字體樣式的設置：

1、文字顏色
通過設置字體顏色，可以讓文章更加生動、豐富，同時也可以更好地表達文章的情感。
2、字體加粗
文字加粗（font-weight:bold）可以讓文章的標題或者重要內容更加突出。
3、斜體字
斜體字（font-style:italic）可以讓文章更加富有情感。
4、下劃線
使用文字下劃線（text-decoration:underline）可以讓文章更加清晰地表達想法。
5、刪除線
文字刪除線（text-decoration:line-through）可以讓文章的歷史意義更加貼切。

以上就是CSS中字體距離的設置方法，通過這些方法可以讓我們更加優化頁面設計的效果。