I have a problem with one file, possibly some others where:
the Roboto font I’m using looks fine in the editor, but when I post to SketchCloud, it loses the font styles. It appears as all Regular weight.. no Medium or Bold etc. Also in Sketch editor, sometimes if the text box is not big enough the text appears chopped off on SketchCloud. Basically it is not reproducing the fonts properly in the cloud view.
We use text styles from our component library. One odd thing with the problem file is that it only lists one embedded font (regular) in the document settings.. although all the styles are there in the inspector panel and also in the Settings under Libraries tab.
Most of my other files show at least 5 or 6 fonts in the Document settings under Embedded fonts. If this is the issue.. how can I get this file to recognize the fonts in the document and embed them?
I thought maybe there was an issue with installed fonts and library component fonts, so I deleted Roboto from the Mac Font Book and re-installed it. It made no difference.
Another theory - I have tried saving the Sketch file to my Mac and re-uploading to the cloud. I also tried opening it in the new Sketch version.. but it refuses to recognize the fonts.
Thanks for the detailed report. I can think of these possibilities:
The affected document is out of sync with the library
The affected document is not connected to the right library
Duplicate fonts
I’m leaning more towards duplicate fonts. That would explain why you see the fonts ok in your computer (the font is installed locally) but it doesn’t render on the web; because the version you see on your document is not the version that’s embedded in your library. But let’s start with option 1, since it’s the easiest to troubleshoot and work from there.
1.Re-sync your file:
Open the affected document and make sure the component library with the styles is available.
Click on File > Sync library components…
Note: you may see an alert that says “Some components could not be synced” this is not related to the issue, you can dismiss it safely.
Make any change and push a new version. Check the web if font rendering is correct.
2.Document not connected to the right library
If you merged your library from separate files, changed names or have duplicates of the library it’s possible that one of these copies doesn’t have the fonts properly embedded
To test this, select one of the layers that doesnt’ render properly on the web
Click the three dots icon on the Inspector and select “Open Style in Library” This will open the Library document in the Mac app (assuming you have Editor access to it)
Check that the library document is the expected one and double check font embedding in the library
If the affected document is linked to an incorrect library:
Open Document settings → Libraries and remove the library if it’s listed there
Select the affected layers and click on Edit > Replace Library for selection and link to the right library
3.Duplicate fonts
Duplicate fonts can happen when you have different versions of the same font. When you embed a font, Sketch will always use that font and ignore the installed version. If you update your locally installed font, you can use sometimes the embedded version and sometimes the local version.
One way to test this is selecting on of the layers that doesn’t render on the web and open the font-weight dropdown. If you see the weight listed twice, it’s a duplicate font.
The duplicate can also be in your library, so if you find a duplicate with this test or
If you find duplicate fonts or keep having issues, please email us at productsupport@sketch.com. We’ll provide the steps to troubleshoot duplicate fonts and may need to ask you to grant us temporary access to the affected document.
Thanks for the response. I tried all of those suggestions with no luck. I finally decided the file must be corrupt. Possibly from trying to get it to work in both the old Sketch version and the latest - saving in the old and new version several times - ?
So I copied the artboard contents from the problem file into a new blank template in the new Sketch (with various fonts) and it worked. Then copied the rest over.
Hey, thanks for the update. Sorry to hear the steps didn’t help, but glad that copying the contents to a new document solved the problem.
If you can spare some mins to send us the faulty file to productsupport@sketch.com, we’ll take a closer look and see if we can identify what caused it.
