CSS中的字體伸縮變換是一項非常有用的功能，它可以讓我們輕松地調整網頁中字體的大小和寬度，而不會影響到其他元素的布局。下面我們就來一起學習一下CSS中字體伸縮變換的用法。

font-size: 20px; /*設置字體大小*/
font-stretch: condensed; /*設置字體寬度*/

如上所示，通過設置font-size來調整字體大小，設置font-stretch來調整字體寬度。下面我們來詳細了解這兩個屬性。

font-size

font-size屬性用來設置字體大小，它可以接受一個數值或者百分比值進行設置。如下所示：

font-size: 16px; /*設置字體大小為16px*/
font-size: 120%; /*設置字體大小為父元素字體大小的120%*/

通過設置不同的數值和單位，我們可以輕松地改變網頁中字體的大小。

font-stretch

font-stretch屬性用來設置字體寬度，它一共有9個不同的值，如下所示：

font-stretch: ultra-condensed; /*非常壓縮*/
font-stretch: extra-condensed; /*額外壓縮*/
font-stretch: condensed; /*壓縮*/
font-stretch: semi-condensed; /*半壓縮*/
font-stretch: normal; /*正常*/
font-stretch: semi-expanded; /*半擴展*/
font-stretch: expanded; /*擴展*/
font-stretch: extra-expanded; /*額外擴展*/
font-stretch: ultra-expanded; /*非常擴展*/

通過設置不同的值，我們可以讓字體的寬度變得更窄或更寬，從而適應不同的需求。

總結來說，CSS中字體伸縮變換是一項非常實用的功能，它可以幫助我們快速輕松地調整網頁中字體的大小和寬度，讓整個頁面呈現出更好的效果。