| 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
If you want to To implement this font inside a form, you may also do so in configure the styles section of the form, see Figure 4.
styles Styles --> styling Styling --> Default Mode --> Custom
...
Figure 4: Custom font inside form
it It will look something like this
Download the Sample App
| View file | ||||
|---|---|---|---|---|
|