Upload fonts

For the converted design to look right in the live preview, it needs access to the fonts you use. Google fonts are automatically uploaded to the live preview.

If you use other fonts, the live preview asks you to upload the font files. You only need to upload each font once as the live preview stores it until you clear the browser cache.

To upload fonts to the live preview:

1. In the live preview, select (Fonts).

   

   Managing fonts.

2. Select Upload fonts to upload fonts as .ttf or .otf files.

To use some other font instead of the one used in Figma, select Replace. The font files are included in the package that you download. However, the font does not change in Figma.

To remove a font that you uploaded to the live preview, select Remove.

Manage Google fonts

To turn off the automatic uploading of Google fonts, select (Settings) in the live preview and turn off Automatically upload Google fonts.

Live preview settings.

Then, you can remove a Google font from the live preview by selecting Remove in Font management.

To synchronize a Google font, select Synchronize.

Use the Spark font engine on Qt for MCUs

Qt for MCUs offers two font engine options:

• Static engine for simple text applications with known character sets, minimal memory requirements, and maximum performance.
• Spark engine for internationalized applications that have complex scripts (such as Arabic, Hindi, or Thai) or bidirectional text or need dynamic text rendering.

The Static engine is the default option. It requires font files to be listed in the project configuration.

To add a setting to the QML project file to use the Spark font engine:

1. In the plugin, select (Settings).

   

   Settings tab in the plugin.

2. In Assets, select Download font files.
3. In Code generation, select Spark font engine for text rendering.

The Spark engine supports a single file at a time. The file can be one of the following:

• A fontmap file (multiple fonts combined into a single file)
• A single .ttf font file (that is, one font)

If your design uses only a single font, you can use the font file directly without going through the steps to create a separate fontmap file.