QML FontLoader Element

This property holds the name of the font family. It is set automatically when a font is loaded using the url 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:

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

• Implement an onStatusChanged signal handler:

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

• Bind to the status value:

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