We have created a custom theme extension in Experience Builder Developer edition v1.9. We want to add the custom font "Segoe UI". Following the documentation we have:
Added the font in variables.json:
I was also struggling with custom fonts. The instructions on the developer site are currently wrong. See instructions from Esri Support below.
To use local fonts, In style.scss we have to use @font-face instead of @import and mention the following properties:
@font-face {
font-family: 'Dancing Script';
src: url('./assets/fonts/DS.ttf') format('truetype');
}
Also, ttf is working woff and woff2 is not working with Builder. We also, have to update the "variable.json" with the FamilyBase.