CSS 中，我們可以通過使用字體拉伸（font-stretch）屬性來讓字體變得更加寬或窄。字體拉伸屬性可以被用于設置文本的寬度，并且它可以控制文本在橫向方向上的展開程度，以達到一定的視覺效果。
要使用字體拉伸屬性，你可以使用如下的 CSS 代碼：

p {
font-stretch: condensed;
}

在上面的例子中，我們把字體拉伸屬性設置為 condensed。這意味著我們的文本會被拉伸為它的 75% 寬度。這樣，文本會變得更加緊湊，同時仍然保持其易讀性。
除了 condensed 之外，字體拉伸屬性還支持以下值：
- normal：默認值，不進行拉伸
- ultra-condensed：非常窄的文本
- extra-condensed：比 condensed 更窄的文本
- semi-condensed：比 normal 更窄的文本
- semi-expanded：比 normal 更寬的文本
- expanded：比 semi-expanded 更寬的文本
- extra-expanded：比 expanded 更寬的文本
- ultra-expanded：非常寬的文本
下面是一個例子，展示了如何使用這些不同的屬性值，以展現不同的文字寬度：

p.condensed {
font-stretch: condensed;
}
p.normal {
font-stretch: normal;
}
p.expanded {
font-stretch: expanded;
}
p.ultra-expanded {
font-stretch: ultra-expanded;
}

通過使用上面的 CSS 代碼，我們可以創建出一個漂亮的文本，在視覺上展現出不同的寬度視覺效果。
總而言之，使用字體拉伸屬性可以讓修飾文本更加自由自在，并且創造出各種各樣的特效。然而，需要注意到的是，這個屬性可能不被所有的瀏覽器所支持。為了確保兼容性，你還是應該測試你的代碼，在各種不同的瀏覽器環境下正常工作。