Custom non google or adobe font

PattyOFurniture306

Hey all, we have a custom ttf font we're trying to use.  I know the site is set up to import from adobe or google however this font isnt hosted there but is creative commons so we should be fine using it.   We have attempted to upload the file to the media library and reference the link from cloudfront.  It works up until page load where we then get a cors error.  Is there a better way to accomplish this?

 

C4RB0N

Hi @PattyOFurniture306!

I'm going to pass this along to the devs! We'll get back to you on this shortly.

 

PattyOFurniture306

thanks

C4RB0N

Hi @PattyOFurniture306!

I have a response from our devs:

Specifically, they need to delete and then re-upload the font file in their Media Library. The reason is that the original file is cached without the new settings, and so any visitors that saw the original file will not get the new settings, and so will still not have the custom font applied.

When they re-upload the font file, it will have a new url. They need to then use that new url in their Custom CSS “@font-face”.

The “@font-face” in the Custom CSS is all that is needed. They can remove the “GreyhawkGothic” from the “TypeKit ID” and “Google Fonts”.

PattyOFurniture306

i deleted the file and readded it to media library (user interface folder) and updated the @font-face in the css.  still getting this error

 

PattyOFurniture306

i think the issue is specifically with ttf files, i converted to woff2 and it seems to work.  Thanks for the help