Learn how to customize font color, size, family, weight, and line height for elements on your event website.
The Fonts style group (added via Add Style) includes five properties: Color, Font Size, Font Family, Font Weight, and Line Height.
Color
Click Color then click the preview box to open the color picker. You can enter a color using any of the following methods, and switching between them automatically converts the current value:
- HEX — A six-character hex code. Two additional characters can be appended to control transparency (
00= fully transparent,FF= fully opaque). Font colors are typically set to fully opaque. - RGBa — Red, Green, Blue, and Alpha (transparency) values.
- HSLa — Hue, Saturation, Lightness, and Alpha values.
For more on color formats, see CSS Legal Color Values on W3Schools.
Font Size
Click Font Size to see the current value, then click the value to open a dialog box where you can enter a new size.
Font Family
The font family defaults to the browser default unless explicitly set. Click the font name to open a dropdown and choose from the available options.
Expanding available fonts
Additional fonts can be made available using the Website Theme Settings feature.
Font Weight
Click Font Weight to see the current value, then click the value to open a dialog box where you can enter a new weight. This field uses numeric keyword values (for example, 400 for normal, 700 for bold).
Line Height
Click Line Height to see the current value, then click the value to open a dialog box where you can enter a new line height.