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>

打印页面