FontFace

FontFace element is a select element with available fonts:

example

<select name="fontFace">
    <option value="Archivo">Archivo</option>
    <option value="Fira Sans">Fira Sans</option>
    <option value="Inter">Inter</option>
    ...
</select>

The entire list of available fonts is in the 'Build-in Validators' section.

Build-in Validators

The element validates if the selected font is from the list:

1. Archivo
2. Fira Sans
3. Inter
4. Josefin Sans
5. Jost
6. Lato
7. Montserrat
8. Noto Sans
9. Open Sans
10. Oswald
11. Poppins
12. PT Sans
13. Quicksand
14. Raleway
15. Roboto
16. Source Sans Pro
17. Ubuntu
18. Work Sans
19. Abril Fatface
20. Cardo
21. Crimson Text
22. Libre Baskerville
23. Lora
24. Merriweather
25. Playfair Display
26. Roboto Slab
27. Roboto Serif
28. Sanchez
29. Roboto Mono
30. Space Mono

Available Validators

Element does not have available validators.

Relations Support

Element does not support relations between elements.

Configuration output schema

schema

{
  "<element_type>" : "fontFace",
  "<element_name>" : string,
  "<element_label>" : string,
  "<element_labelDescription>" : string,
  "<element_isRequired>" : bool,
  "<element_isHidden>" : bool,
  "<element_defaultValue>" : string
}

example

{
  "type" : "fontFace",
  "name" : "titleFontFace",
  "label" : "Select font",
  "labelDescription" : "Changes font of the text",
  "isRequired" : false,
  "isHidden" : false,
  "defaultValue" : "Archivo"
}