Why isn't my @font-face displaying correctly?

OMyGosh! It worked!! Thank you! I’ve also been fussing around with trying to load the fonts as assets for the last week or so!

I made a minor change to your example, instead of the file URL I used the file name and specified | file_url. See below:

@font-face { font-family: "SofachromeRg-Regular"; src: url("{{ 'SofachromeRg-Regular.ttf' | file_url }}") format("truetype"), url("{{ 'SofachromeRg-Regular.woff' | file_url }}") format("woff"), url("{{ 'SofachromeRg-Regular.woff2' | file_url }}") format("woff2"); font-style: normal; font-weight: normal; }
1 Like