Skip to main content
Solved

Fonts in Notification Template

  • 11 July 2024
  • 2 replies
  • 41 views

The font option and size is very limited in Notification Template.

Can we add more? If so, how?

 

2 replies

Userlevel 6
Badge +2

You cannot modify the tools given to you by the Visual editor (WYSIWYG).

However, Visual editor is only a user-friendly representation of the message. The body is stored in HTML, meaning you can do some wonders with it, the same way we can make unique and catchy pages.

Here’s an example of how you can easily change font and size in the body:  

These examples aren’t flashy but give you an idea - I can modify these parameters in slight margins, allowing you to tailor it however your hearts desire. To do that - switch “Visual” to “HTML”.

This is the markup I’ve created for the example above:

<span style="font-family: Garamond, serif;">0 1 2 3 4 5 6 7 8 9 Garamond font</span><br>
<span>0 1 2 3 4 5 6 7 8 9 Default font</span><br>
<span style="font-size: 2.5em;">0 1 2 3 4 5 6 7 8 9 Default font but bigger</span>

If you’re not familiar with the HTML and CSS, you can look up some options at the W3Schools: https://www.w3schools.com/cssref/css_websafe_fonts.php.  

You can also switch between both mods to do the bulk of your work in Visual and switch to HTML for fine-tuning only.

Badge +12

Additionally, with HTML, you can load fonts through the web, like this SO answer depicts.

Reply