Custom Font won't load in editor

Hey all,

I want to work with a custom font for an upcoming project. Uploading it went fine, but when I choose the font in the editor, it shows a completely different font (Chrome) or one that looks the same, just way thicker (Safari).

I’ve been through the forum but didn’t find anything that fixed my problem. I have tried re-uploading the fonts as well. Could it be a problem that they are just trial versions atm?
Anyone know how to fix this problem?

Thanks!

*I haven’t done any design yet, and the fonts name is GT America Expanded in thin and thin italic.


Here is my site Read-Only: https://preview.webflow.com/preview/okapi-bb0c77?utm_source=okapi-bb0c77&preview=dce81fc56d77ec2dbe12043ef1cc2ad2

Hi @Haenki,

Safari and Chrome render fonts differently, which can make fonts look slightly lighter in Safari:

You can fix this issue by using custom code as suggested in this article:

Hope this helps :slight_smile:

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.