Custom Fonts

You can import custom web fonts into your prototypes. This allows you tofurther customize the look and feel of your prototypes. To import custom fonts perform the following steps:

1. Create a label or button.
2. Open the font selection dialog in the properties panel.
3. Select 'More..'. The font import dialog will show up.
4. Click on Add .
5. Open Google Fonts and find your desired font, e.h. 'Pacifico'
6. Click on 'Add this style'. On the right side you can select the second download URL, e.g. '<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">'
7. Go back to Quant-UX and paste the selected link in the 'URL' input field. Select afterwards the 'Name' field. The URL field will be updated and the 'link' code will be removed. Only the URL will be there, e.g. 'https://fonts.googleapis.com/css2?family=Pacifico&display=swap'
8. Enter the exact name of the fotn in the name section, e.g. 'Pacifico'.
9. Click the Save button.

Now you can start using the custom font in your prototype.