高级文本示例
一个Qt Quick 示例,展示了文本的一些高级功能。

传统上,字体家族的发布通常仅包含有限数量的变体:一组硬编码的字重、样式和字宽(以及它们的组合),这些变体可以作为独立字体进行选择。
可变字体扩展了这一理念。它不再将字体家族的变体作为独立的字体文件发布,而是通过单个可变字体利用插值技术生成这些变体(以及更多变体)。
这是通过在字体中为宽度、倾斜度或字重等属性定义所谓的“可变轴”来实现的。用户可以从这些轴上的预设值中进行选择,也可以在字体支持的范围内设置任何自定义值。
本示例包含一个名为“Georama”的可变字体(版权所有 2020 The Georama Project Authors,根据 OFL 1.1 授权)。它有两个可变轴:一个用于字重,一个用于字宽。通过调整其中任何一个,用户可以在字体设计上创建多种变体。
该示例演示了其在实际场景中的应用:启动示例时,文本片段会超出严格布局中定义的边界框。

通过调整字宽和/或字重,视觉设计师可以获得完全契合布局的字体变体,而无需更改字体大小。

该示例为字体的两个可变轴分别分配了一个滑块,并将可变轴的值与滑块绑定,以便用户调整时字体能自动更新。
font.variableAxes: {
"wdth": widthSlider.value,
"wght": weightSlider.value
}可变轴通过其四字符标签进行引用。某些标签(如“wdth”和“wght”)按惯例映射到特定的字体属性(在此例中,分别对应“width”和“weight”)。 但只要使用四字符标签标识,该字体即可支持任意轴。字体支持的轴的相关信息通常包含在其文件名中。
运行示例
您可以通过以下方式运行该示例:
- Qt Creator
打开Welcome 模式,并从Examples 中选择该示例。有关更多信息,请参阅Qt Creator :教程:构建与运行。
- Qt Extension for Visual Studio Code
在Command Palette 中运行Qt: Open Qt examples 命令,并从列表中选择该示例。有关更多信息,请参阅Qt Extension for Visual Studio Code :教程:构建和运行。
© 2026 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.