在網頁設計中，字體的選擇和排版是非常重要的，而CSS（Cascading Style Sheets）提供了豐富的樣式選項，使得字體的展示能夠更加豐富多彩。CSS中，通過font-family屬性可以選擇字體，而font-size屬性可以調整字體的大小，另外還有一個影響字體展示的屬性——font-weight，可以用于設置字體的粗細程度。

font-weight屬性的默認值為normal，表示普通文本，可以設置為bold（加粗）、bolder（更加加粗）、lighter（更加細小）或者一個1到1000的數字代表不同的粗細程度。然而，有時我們需要更加自定義的粗細程度，這時就可以使用font-stretch屬性進行調整。

font-stretch屬性用于控制字體的寬度，取值范圍為normal（默認）、ultra-condensed（極端壓縮）、extra-condensed（非常壓縮）、condensed（壓縮）、semi-condensed（半壓縮）、semi-expanded（半擴張）、expanded（擴張）、extra-expanded（非常擴張）以及ultra-expanded（極端擴張）。這些取值代表了字體寬度的不同程度。

在CSS中，使用font-stretch屬性可以很簡單地實現字體寬度的調整。例如，以下的代碼可以將字體的寬度設為擴張狀態：

p {
font-stretch: expanded;
}

在實際使用中，通過配置font-weight和font-stretch，我們可以創建出更加個性化的字體風格，讓頁面更加生動有趣。不過需要注意的是，不同的瀏覽器可能對于font-stretch屬性的支持程度不同，CSS3之后才正式提供了此屬性，所以在使用時需要特別留意瀏覽器的兼容性問題。