Custom non google or adobe font

PattyOFurniture306
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?



 

Comments

  • C4RB0N
    C4RB0N
    Posts: 61

    Hi @PattyOFurniture306!

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

     

  • C4RB0N
    C4RB0N
    Posts: 61

    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
    PattyOFurniture306
    Posts: 4

    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

     

    image

  • PattyOFurniture306
    PattyOFurniture306
    Posts: 4

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

Sign In or Register to comment.

September 2026
City of Shadows

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions