| Table of Contents |
|---|
Introduction
| English |
|---|
This tutorial will demonstrate how to install new fonts in joget |
...
Getting Started
Custom fonts throughout the whole App
Firstly, download your desired font file. upload Upload your custom font file in Your Joget App (App Composer) > Resources > Add Resource and upload your font file.
...
After uploading the font file, click on the resource to obtain the hash variable of the font. You can then reference the font file using its generated hash variable, which looks like like this.
| Code Block |
|---|
#appResource.yourNewFontHere#. |
...
It will look something like this:
Figure 3: Custom CSS
Custom fonts inside
...
a form
...
To implement this font inside a form,
...
configure the styles section of the form, see Figure 4.
...
Styles -->
...
Styling --> Default Mode --> Custom
Figure 4: Custom font inside form
...
It will look something like this
Download the Sample App
| View file | ||||
|---|---|---|---|---|
|