Editing Home Assistant (section)

=====<h2>Fonts and Icons</h2>=====
[https://openhasp.haswitchplate.com/0.7.0/design/fonts/ Fonts and Icons]<br>

In OpenHASP, you can use any TrueType font containing characters or icons. Here are the steps to upload and use icons:<br>

1. <b>Upload the Icon Font</b>: Upload any TTF (TrueType) font file containing the icons to the flash partition of your plate. If you want to use other styles than Regular like Italic or Bold, make sure you use a font which provides separate, optimized versions for these.<br>
2. <b>Use the Icon in Text</b>: To use an icon in a text, you need to prefix the UTF-8 character code with `u`. To ensure proper decoding the payload should be used with a `json` or `jsonl` command.<br>
3. <b>Upload FontAwesome Icons</b>: If you want to use FontAwesome icons, upload another .zi file named `fontawesome xx .zi` of the same point size as the normal text .zi font. For example, if your custom font is `arial24.zi`, you should also add a `fontawesome24.zi` file. You can download `fontawesome.zip` from the HMI Font Pack repository.<br>


In pages.jasonl, there is a button configured:<br>
 <nowiki>====Foreground and Background colors====
[https://openhasp.haswitchplate.com/0.7.0/design/styling/#built-in Styling Properties]: Adjust the appearance of objects by changing the foreground, background and/or border color of each object.</nowiki> <br>