在前端開發中，字體的選擇與排版是非常重要的。而CSS提供了許多控制字體樣式的屬性和方法。其中，字體的長寬比例也是一個值得注意的因素。

CSS中的font-stretch屬性就是控制字體長寬比例的屬性。它有以下幾個值：

.normal {
font-stretch: normal; /* 默認值，正常比例 */
}
.condensed {
font-stretch: condensed; /* 壓縮比例 */
}
.expanded {
font-stretch: expanded; /* 擴張比例 */
}
.ultra-condensed {
font-stretch: ultra-condensed; /* 極度壓縮比例 */
}
.ultra-expanded {
font-stretch: ultra-expanded; /* 極度擴張比例 */
}

通過設置不同的font-stretch值，可以改變字體長寬比例，從而達到不同的視覺效果。但需要注意的是，這個屬性并不是所有的字體都支持。如果針對某種字體設置了無效的font-stretch值，那么瀏覽器會自動使用默認的字體比例。

總的來說，字體的長寬比例對于文字的排版和顯示效果有著不可忽略的影響。通過合理的調整長寬比例，可以讓文字在頁面上更加美觀、易于閱讀。