WAIT: Adobe Font not working on mobile and Safari

Bugs
1

Chrome 110
macOS / Chrome for Android / Safari for iOS
(https://edifytemp.online/template-basic-page/)

I’m using the Adobe Font Proxima Nova for all titles on this website. I’ve added it using the built-in Bricks Adobe integration and then added them via ACSS. The font works find on my Mac with Chrome and Firefox but isn’t loading in Safari or Chrome for Android or Safari for iOS.

The lower case “s” is a good character to look at to see the difference.

Correct:
image

Incorrect (Android)
image

Any help or direction is greatly appreciated.

2

Hi Steve,
Thanks so much for your report, and welcome to the forum!

As far as I can see, there is no connection to typekit/adobe fonts. The problem is probably caused by the fact that you have only set the font in the (ACSS) CSS, but have not applied it to e.g. headings in the Bricks theme styles. If you do so, it should work as expected.

If you don’t want to set the custom fonts in Bricks itself, you must add the typekit link tags manually in your header scripts.

Best regards,
timmse

3

This fixed it. Thanks!