It is possible to upload and use custom font files which is visible for the user in Appearance and in the block designer.
Step 1 - Upload the font
Begin by uploading the font file in Firecode > Assets. Right-click the View button to obtain the font URL.
Step 2 - Add the font to settings.json
Open settings.json and add font configuration entries.
Basic Example (single weight)
{
"fonts": {
"Brown": [
{
"weight": "400",
"style": "normal",
"src": [
{
"url": "https://[URL_FROM_STEP_1]",
"format": "woff"
}
]
}
]
}
}
Extended Example (multiple fonts and weights)
{
"fonts": {
"Brown": [
{
"weight": "400",
"style": "normal",
"src": [
{
"url": "https://example.com/brown-regular.woff",
"format": "woff"
}
]
},
{
"weight": "700",
"style": "normal",
"src": [
{
"url": "https://example.com/brown-bold.woff",
"format": "woff"
}
]
}
],
"Volte": [
{
"weight": "300",
"style": "normal",
"src": [
{
"url": "https://example.com/volte-light.otf",
"format": "opentype"
}
]
},
{
"weight": "400",
"style": "normal",
"src": [
{
"url": "https://example.com/volte-regular.otf",
"format": "opentype"
}
]
},
{
"weight": "700",
"style": "normal",
"src": [
{
"url": "https://example.com/volte-bold.otf",
"format": "opentype"
}
]
}
]
}
}
Result
Once you save, the font should be visible when choosing a font in Appearance or in the block designer.