Skip to content

Theme Type: Font Family

Robert McIntosh edited this page Sep 18, 2022 · 5 revisions

Overview

The font-family type allows you to define a css variable to be used as a font family. The control generates a list of available fonts found in your Foundry World. This includes any additional fonts you add via the settings window.

If you have google fonts enabled, any google fonts you add will show up here as well.

image


Defining your Setting

name

A short user-friendly title that gives the user an idea of this setting. This value is localized.


hint

A long user-friendly description that details what this setting is used for. This value is localized.


type

Set type to font-family to generate this control.


default

The default value you would like this control to use.

Please note that you shouldn't use fallback fonts here, please only list the font you want the user to be able to change. If you list more than one font in this field, the dropdown may select the wrong font.

Examples of default font families

"default": "Signkia"
"default": "Modesto Condensed"
"default": "monospace"

Example Setting

"--font-primary": {
	"name": "lib-themer.--font-primary.name",
	"hint": "lib-themer.--font-primary.hint",
	"type": "font-family",
	"default": "Signika"
}