Setting fonts in theme style do not work after publishing. After investigating in the dev tools it is clear that the builder sets double quotes on the font family and it does not get recognized by the browser. see screenshot below:
I’m getting the same thing in the stable version. I have uploaded Plus Jakarta Sans as a custom font and set it in the theme as the body text. All browsers are not displaying it because they are marking it as an invalid property. Is it that Bricks is enclosing any custom font name that has spaces in quotes which are then being passed to the browser which also encloses in quotes?
The problem happens because the body font set in theme is not being ‘displayed’ in the Style > Typography’ tab of the basic text element. I had to go into the theme, change the body font from the custom one to a standard font (arial), save and then change it back to the custom font and save. The custom font name was then displayed in the Style section (greyed out). The page then viewed correctly on the front end with the font correctly shown in the inspector without double quotes. Is there a bug in that for custom fonts, Bricks isn’t carrying it through to the Style > Typography tab initially?
As far as I can see, the problem only occurs with custom fonts. That means the only temporary solution is to do without custom fonts. I know… not satisfactory However, it won’t take that long until 1.5.1…
I think not just custom fonts. The problem is font name having more than one word separated by “space”. So there would be quotes added to them. One word font name or words separated by dash would not have this bug. You can try with any google font coming with the builder that has two or three words name.