在 QML 中加载许多字体变体

Question

我有一个 QtQuick/QML 5.6 项目，我需要加载 45 个 .ttf 文件，这些文件代表不同（相关）字体系列的重量变化。

例如，这里是字体文件的一个子集（两个系列的三个权重）：

• EncodeSans-Thin.ttf
• EncodeSans-Regular.ttf
• EncodeSans-Bold.ttf
• EncodeSansNarrow-Thin.ttf
• EncodeSansNarrow-Regular.ttf
• EncodeSansNarrow-Bold.ttf

我已将所有 45 个 .ttf 文件添加到我的项目中的 .qrc，但是当我尝试使用字体系列时，它不起作用：

Text { text:"So Thin"; font.family:"Encode Sans"; font.weight:Font.Thin }
Text { text:"Fatty";   font.family:"Encode Sans"; font.weight:Font.Bold }

如果我为每个系列中的一种字体添加一个 single 字体加载器，那么它适用于该字体的所有重量变化

FontLoader { source:"qrc:/fonts/EncodeSans-Regular.ttf" }
FontLoader { source:"qrc:/fonts/EncodeSansNarrow-Regular.ttf" }
Text { text:"So Thin"; font.family:"Encode Sans"; font.weight:Font.Thin }
Text { text:"Fatty";   font.family:"Encode Sans"; font.weight:Font.Bold }

我对此感到惊讶。尽管在任何FontLoader 中从未提及这些文件，但它肯定似乎使用EncodeSans-Thin.ttf 来表示细重，EncodeSans-Bold.ttf 表示粗体。

编辑：上面的代码不起作用。由于一个单独的错误，我现在知道Font.Thin 从未工作过（显示的是常规重量），并且文本渲染器可能正在模拟粗体。

我是否应该在我的项目中添加 45 个FontLoader，每个 TTF 一个？或者有没有办法让所有的TTF都被加载而不需要FontLoader？

Answer 1

Repeater {
    id: repeater
    property var fontList: [] // e.g. Qt.resolvedUrl("qrc:///fonts/EncodeSans-Regular.ttf"), or load a list from resource/config files
    model: ListModel {
        id: listModel
    }
    FontLoader {
        source: model.source
    }
    Component.onCompleted: {
        for (var i = 0; i < fontList.length; i++) {
            listModel.append({ source: fontList[i] })
        }
    }
}

edit：给定字符串和 URL 列表，您可以使用中继器来加载许多字体。 Component.onCompleted：脚本读取要从中加载字体的 URL 列表，并将它们全部添加到列表中。由于转发器模型是 ListModel，因此转发器将在添加到 ListModel 时创建新项目。中继器也可以通过这种方式重新定位，但此处未使用。 注意：这个sn-p中没有给出加载URL列表。