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('https://754bbec56e848547243a7db29173b43c.cdn.bubble.io/f1684659024708x374363311370765630/nasalization-rg-webfont.woff2') format('woff2'),
         url('https://754bbec56e848547243a7db29173b43c.cdn.bubble.io/f1684659014499x747973309468810600/nasalization-rg-webfont.woff') 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.