CSS3中有一個(gè)font-stretch屬性，它可以用來設(shè)置字體寬度。這個(gè)屬性可以讓我們控制字體在寬度方面的拉伸程度，使得我們的頁面設(shè)計(jì)更加靈活。

font-stretch: normal; /* 默認(rèn) */ 
font-stretch: ultra-condensed; /* 最緊縮 */ 
font-stretch: extra-condensed; /* 非常緊縮 */ 
font-stretch: condensed; /* 緊縮 */ 
font-stretch: semi-condensed; /* 半緊縮 */ 
font-stretch: semi-expanded; /* 半張開 */ 
font-stretch: expanded; /* 張開 */ 
font-stretch: extra-expanded; /* 非常張開 */ 
font-stretch: ultra-expanded; /* 最張開 */

例如，當(dāng)我們要在頁面中使用一個(gè)黑體字，但是這個(gè)字不夠?qū)挼臅r(shí)候，我們可以使用font-stretch屬性來擴(kuò)展它的寬度，使得圓潤更加飽滿。具體實(shí)現(xiàn)方法如下：

.black {
font-family: "黑體";
font-size: 24px;
font-stretch: expanded; /* 設(shè)置字體寬度 */
}

通過設(shè)置font-stretch屬性，我們可以看到黑體字的寬度被擴(kuò)展了一些，使得頁面設(shè)計(jì)更加完美。