Join the Webstudio community

Updated 2 months ago

Custom font

At a glance

The community member created a custom font using Calligraphr, but it was not showing up in the WebStudio application. The community members discussed the issue, and it was determined that the font was not rendering properly due to a bug in WebStudio. The issue was identified and a fix was proposed. The community members worked together to find a workaround, and the issue was eventually resolved.

Useful resources
Hi! I created a custom font using calligraphr but it doesn’t seem to be showing up in the WebStudio application. I’ve checked Sharing & Permissions, everything seems to be okay. Does WebStudio not allow custom fonts?
O
S
J
33 comments
It's not clear what you did
Webstudio works with every font we tried so far, including variable fonts
Attachment
Screen_Shot_2024-02-02_at_7.27.08_AM.png
For some reason, my custom font isn’t showing up. Is there something I’m missing?
no, it should show up, send me your font I can look into it, assuming you tested your font works in general in the browser
I just downloaded a font from their website that looks like they generated https://www.calligraphr.com/en/
and used it, it works
Attachment
image.png
Yes sir, I've used it in Cargo.site. It might be the format maybe? Are otf and ttf not great?
Here are both font files.
I just tested with woff2
trying your ttf now
worked
Attachment
image.png
didn't select it here it renders too
Attachment
image.png
wait no, it doesn't render
it does show up in the list though, so its a separate problem
ah you are saying its not rendering on canvas, it is showing up in the list
then we are seeing the same problem
That’s it, that’s the terminology I was searching for.
it does seem like browser rejects that font to render
it is being loaded and tried and it rejects it
we don't put the name into quotes and names with spaces require them
made it to render now
looking into a fix
quick workaround for you - rename it to anything that has no spaces in the name
This is what I had to do to get it to show up in Cargo:
On it 🤝
non of this is needed here, its a bug on our side
Got it! It works now. Thank you for your time Mr.Isonen. I appreciate you & your team for all you guys do 🤝
thanks for reporting the bug
@Oleg Isonen, you and your team amaze me! This would be a very obscure use case situation, but you help them out in record time.
Add a reply
Sign up and join the conversation on Discord