CSS - font-variation-settings 屬性

CSS 中的font-variation-settings屬性用於指定可變字型的變體設定。可變字型是一種可以調整其屬性（例如粗細、寬度和傾斜）的字型型別，允許更精細地控制字型的外觀。

此屬性允許您使用軸標籤和數值來定義這些字型變體的值。

可能的值

normal：文字根據預設設定進行渲染。
<string> <number>:
- <string> 表示為 4 個 ASCII 字元。
- 如果<string>值的字元數多於或少於四個，則該值無效。
- <number> 表示要設定的軸值。
- <number> 可以是負數或分數，具體取決於所選字型的值範圍。

應用於

所有 HTML 元素。

DOM 語法

object.style.fontVariationSettings = "normal | <string>";

CSS font-variant-settings - 基本示例

這是一個示例

<html>
<head>
<style>
   .container1 * {
      font-weight: 625;
   }
   .container2 * {
      font-variation-settings: 'wght' 625;
   }
   .container3 * {
      font-variation-settings: 'wght' 200;
   }
</style>
</head>
<body>
   <div class="container container1">
      <p>Variation Setting - Weight</p>
   </div>
   <div class="container container2">
      <p>Variation Setting - Weight</p>
   </div>
   <div class="container container3">
      <p>Variation Setting - Weight</p>
   </div>
</body>
</html>

列印頁面