I need to know a bit more about how custom fonts work in Webstudio and I'm not sure where to look.
I need to know a bit more about how custom fonts work in Webstudio and I'm not sure where to look.
At a glance
The community member is having issues with uploading and using custom fonts in Webstudio. They have noticed that some fonts, like Sentient from FontShare, are not being included in the downloaded static site package or working properly on the published site. The community member has also noticed that some uploaded fonts don't show up in the font selection menu in Webstudio.
Other community members try to help by suggesting the community member share the project link and font file, and by testing the project. They discover that the Sentient font is causing issues, and that swapping it out for another font resolves the problems. The community members also discuss that the font name "Sentient" is not working, but the name "false" does work, though it's unclear why.
Ultimately, the community member finds that the .woff2 version of the Sentient font is not compatible with Webstudio, but the .woff version works as expected, including being included in the downloaded static site package and publishing correctly.
I am having some problems with uploading custom fonts and I haven't been able to find any extensive documentation on how they work in Webstudio. I have uploaded a couple of custom fonts to a test project I'm working on and expected them to be part of the download package when downloading a static site package, and was surprised that they weren't.
I also published the site using the built-in hosting from Webstudio and opened the published site on another computer and one of the uploaded custom fonts (Sentient from FontShare in this case) is not being used on the published site, just falling back to Arial.
I have also noticed that some uploaded custom fonts don't show up in the downloaded fonts menu after I upload them (Sentient again).
Is there any place in the documentation that goes into more detail on the subject of custom fonts that anyone can point me to? Much appreciated.
Once I swapped out Sentient for Source Sans Serif, the custom fonts started downloading for me in the Static Package downloads as well. Looks like the problems were all being caused by the Sentient font.
If you guys can figure out why that particular font causes problems, maybe there could be some kind of font check put in place while uploading custom fonts to let users know when a particular font might might be problematic..
When I select that "false" font, it isn't actually showing the Sentient font that I uploaded any longer. Feel free to make changes to the project to test things out, this is just me testing out Webstudio. The Public Sans and Source Serif fonts seem to be working as expected.
Yep, that's it.Okay, one more thing. If I type in the name Sentient in the type selection field, the font will show up as it should in the Webstudio app but doen't publish properly or download as part of the static package. I suspect that is bec
Alright, update for you. The .woff2 version of the font is the one that wasn't working. The .woff version is working fine. It's name shows up in the font list, the font is represented properly in the app, it published fine to Webstudio hosting and it downloads properly in the static download package. Perhaps there is just something in the way FontShare creates .woff2 files that isn't compatible with Webstudio. Thanks for the help.
