Applying custom fonts crashing the overall application UI.
Hi There, I have been following https://medium.com/mendix/mendix-how-to-add-font-icons-465e2a03884 to import and apply the custom fonts and its styles into my application. I ran the calypso build tool after importing the custom fonts by specifying the font names in the main.scss & _variable.scss files. It crashed the entire UI of the applicaiton including some default components and widgets css such border and colors. Here is what i have tried, Placed the font files in the fonts folder under theme/web/css folder. Defined the font-face in the new file _filename.scss Imported the newly defined font-face file in the main.scss file. Defined the font-face name in the _variable.scss file – $font-family-base: 'xxx-font'; And ran the Calypso build tool. Thanks in Advance.
Abdul Gaffar Abuthalib
Did the build tool throw any errors?
I think the file where you import the other .scss files there is something wrong. You can copy it to: https://www.sassmeister.com/ and see if throws an error.
With kind regards,
“It crashed the entire UI of the applicaiton including some default components and widgets css such border and colors.” this is slightly worrying.
Either calypso compiles, or it crashes, it doesnt destroy styling.
in sass you can escape a line with //
if you escape the import line, in theory it shouldnt load those fonts, and everything should be back to normal?
if it remains broken, than its not the font scss, but something else that might have not been compiled and is now compiling.