FontLoader QML Type

See also Qt Quick Examples - Text Fonts

This property holds a default query for the loaded font.

You can use this to select the font if other properties than just the family name are needed to disambiguate. You can either specify the font using individual properties:

Item {
    width: 200; height: 50

    FontLoader {
        id: webFont
        source: "http://www.mysite.com/myfont.ttf"
    }
    Text {
        text: "Fancy font"
        font.family: webFont.font.family
        font.weight: webFont.font.weight
        font.style: webFont.font.style
        font.pixelSize: 24
    }
}

Or you can set the full font query directly:

Item {
    width: 200; height: 50

    FontLoader {
        id: webFont
        source: "http://www.mysite.com/myfont.ttf"
    }
    Text {
        text: "Fancy font"
        font: webFont.font
    }
}

In this case, the default font query will be used with no modifications (so font size, for instance, will be the system default).

This property was introduced in Qt 6.0.

This property holds the name of the font family. It is set automatically when a font is loaded using the source property.

This is equivalent to the family property of the FontLoader's font property.

Use this to set the font.family property of a Text item.

Example:

Item {
    width: 200; height: 50

    FontLoader {
        id: webFont
        source: "http://www.mysite.com/myfont.ttf"
    }
    Text {
        text: "Fancy font"
        font.family: webFont.name
    }
}

The URL of the font to load.

This property holds the status of font loading. It can be one of:

• FontLoader.Null - no font has been set

• FontLoader.Ready - the font has been loaded

• FontLoader.Loading - the font is currently being loaded

• FontLoader.Error - an error occurred while loading the font

Use this status to provide an update or respond to the status change in some way. For example, you could:

• Trigger a state change:

   

  Sélectionnez

  State { name: 'loaded'; when: loader.status == FontLoader.Ready }

• Implement an onStatusChanged signal handler:

   

  Sélectionnez

  FontLoader {
      id: loader
      onStatusChanged: if (loader.status == FontLoader.Ready) console.log('Loaded')
  }

• Bind to the status value:

   

  Sélectionnez

  Text { text: loader.status == FontLoader.Ready ? 'Loaded' : 'Not loaded' }