font-stretch

已棄用：此特性不再推薦。雖然某些瀏覽器可能仍然支援它，但它可能已經從相關的網路標準中刪除，可能正在刪除過程中，或者可能僅為相容性目的而保留。請避免使用它，如果可能，請更新現有程式碼；請參閱本頁底部的相容性表格以指導您的決策。請注意，此特性可能隨時停止工作。

font-stretch CSS 描述符允許作者為 @font-face 規則中指定的字型指定正常、凝縮或擴充套件的字形。

對於特定的字型家族，作者可以下載對應同一字型家族不同風格的各種字形，然後使用 font-stretch 描述符顯式指定字形的拉伸。CSS 描述符的值與對應的字型屬性值相同。

語法

css

/* Single values */
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;
font-stretch: 50%;
font-stretch: 100%;
font-stretch: 200%;

/* multiple values */
font-stretch: 75% 125%;
font-stretch: condensed ultra-condensed;

font-stretch 屬性使用下列任一值進行描述。

值

normal: 指定正常字形。
semi-condensed, condensed, extra-condensed, ultra-condensed: 指定比正常更凝縮的字形，其中 ultra-condensed 是最凝縮的。
semi-expanded, expanded, extra-expanded, ultra-expanded: 指定比正常更擴充套件的字形，其中 ultra-expanded 是最擴充套件的。
<percentage>: 一個介於 50% 到 200%（含）之間的 <percentage> 值。此屬性不允許使用負值。

在 font-stretch 規範的早期版本中，該屬性只接受九個關鍵字值。CSS Fonts Level 4 將語法擴充套件為也接受 <percentage> 值。這使得可變字型能夠提供更接近字元寬度連續體的效果。對於 TrueType 或 OpenType 可變字型，“wdth”變體用於實現不同的寬度。

如果字型沒有提供與給定值完全匹配的字形，那麼小於 100% 的值對映到較窄的字形，大於或等於 100% 的值對映到較寬的字形。

關鍵字到數字的對映

下表顯示了關鍵字值和數字百分比之間的對映

關鍵字	百分比
`ultra-condensed`	50%
`extra-condensed`	62.5%
`condensed`	75%
`semi-condensed`	87.5%
`normal`	100%
`semi-expanded`	112.5%
`expanded`	125%
`extra-expanded`	150%
`ultra-expanded`	200%

相關的 at-rule	`@font-face`
初始值	`normal`
計算值	同指定值

正式語法

font-width = 
  auto                 |
  <'font-width'>{1,2}  

<font-width> = 
  normal              |
  <percentage [0,∞]>  |
  ultra-condensed     |
  extra-condensed     |
  condensed           |
  semi-condensed      |
  semi-expanded       |
  expanded            |
  extra-expanded      |
  ultra-expanded

示例

設定 font-stretch 的百分比範圍

以下程式碼查詢本地的 Open Sans 字型或匯入它，並允許將該字型用於正常、半凝縮和半擴充套件狀態。

css

@font-face {
  font-family: "Open Sans";
  src:
    local("Open Sans") format("woff2"),
    url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
  font-stretch: 87.5% 112.5%;
}