Safari not loading custom font

Hi there,

I have tried everything to try get my custom font to load in safari.

I uploaded the font file and CSS in bubble and can see it in the file manager.

Here is my CSS:

@font-face {
    font-family: 'Nasalization';
    src: url('') format('woff2'),
         url('') format('woff');
    font-weight: normal;
    font-style: normal;


This works in Chrome just fine. If I add this CSS in Safari developer tools manually, the font renders well. It doesn’t seem that the CSS is being pulled down by Safari. I cannot see the font file being pulled down.

The only way I could finally make this work was by adding my custom font as a custom style variable as shown below, then choosing that as the font in the designer:
1. Set custom style variable:

2. Choose it as a font
Screenshot 2023-05-21 at 11.04.19

This topic was automatically closed after 70 days. New replies are no longer allowed.