Hi ALOVO,
looking at your screenshots, the issue is clear: the .woff file is registered in your CSS but cannot be loaded from the server ("Failed to load data"). https://prnt.sc/B_jE1CY9BvUl
Since Chrome supports .woff2 natively and uses it as the primary format, it works there - but other browsers fall back to .woff, which is missing or inaccessible.
My recommendation: don't use both formats. Just pick .woff2 - it's supported by all modern browsers (Chrome, Firefox, Safari, Edge) and is the better format anyway (smaller file size, better compression).
Make sure your @font-face rule looks like this:
@font-face {
font-family: 'Glacial Indifference';
src: url('your-path/glacial-indifference-regular-webfont.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
Then verify via FTP or your file manager that the .woff2 file is actually present at that exact path on your server.
Alternatively, consider using the OD Local Fonts Extension - this saves you the CSS editing entirely and lets you manage your custom fonts directly within the Helix settings. Much more convenient! 😊
Hope that helps!