Join the Webstudio community

Updated 3 months ago

Custom Fonts Help

At a glance

The community member installed a custom font that displays correctly in the editor, but it does not show up when published to the testing server. The first comment suggests that the font may need to be selected from a list after being added. The second comment reveals that the issue was caused by using a CSS variable for the font, and that the font needs to be directly applied to at least one element for the variables to work. The third comment asks whether this was a user error or a potential bug.

I've installed a custom font and it displays find in the editor but when I publish it to the testing server to view it doesn't show. Can anyone assist?
J
a
3 comments
Is this how you added it?

Step 3 would be it would get added to the list (not sure where) but you might need to select it in the list. It would show a checkmark.
Attachment
CleanShot_2024-11-21_at_15.31.132x.png
Turns out the issue is that I was using a css variable for the font. When I put the font directly on at least one element the variables work but if it wasnt in a token it wouldnt work.
Was it a user error then or do you think you've found a bug?
Add a reply
Sign up and join the conversation on Discord