Streaming live at 10am (PST)

Fallback font only showing Times

#1

Hello,

It seems the fallback font is not working. Whatever fallback font I choose it keeps showing Times. Our site: https://www.fair-field.nl/.
We are you using the Fontawesome webfont and the Proxima Nova.
I am overlooking something or may this be a bug?

Any help is much appreciated.

Kind regards,

1 Like
#2

I inspected your published site. Your font cascade looks like this on OS X / Win 10- Chrome;

html {font-family: “san-serif”;}
body { font-family: Arial,sans-serif;]
body { font-family: “Proxima Nova”;}

So there is a fallback happening. Proof is you seeing “Times”. The browser default is always there. You would need to inspect your site using the browsers dev tools.

Each browser / platform combo can have browser defaults set different. Of course the user can always change them too.

So without knowing your browser / OS combo, and any overrides you may have applied, it would be impossible to tell you why you’re seeing what you do. Please review posting guidelines in this topic / section.

Not a webflow bug, either way.

#3

Thanks @webdev for the reply.

We have used Chrome and Firefox, all latest version, on Windows 10 Home and Chrome and Safari on iOS 10.14. All showing Times instead of Arial.

This is what happened.
After adding/publishing a new page in Chrome on iOS 10 using the specs of the existing pages (with Proxima Nova font) all embedded fonts were not visible in Safari or other browsers. So the fallback font was set to Arial, but it remained Times in all browsers and different devices.

Here is the read only link: https://preview.webflow.com/preview/fair-field-website?utm_source=fair-field-website&preview=a39713167252674a9a9baa7ef463b1a5

In the Chrome dev tools it indeed shows some errors with the font. Here are 2 screens.

After deleting the hotjar code it shows these errors:

Regards,

#4

So your uploaded custom fonts are not loading from the CloudFront resource (webflow assets are served from there), which I can confirm. That issue seems to be on the server side.

This is just a guess - there may be a block on that font happening. It is a licensed font. If it’s from Adobe you can’t upload and host it according to their licensing. They also host fonts via CloudFront. I have not run into this before myself and I can see that your fontawesome-webfont.ttf is loading.

Try using that as an Adobe Font Kit. If you are using fonts.com, then they need to track page views as part of the use license online, so you have to use their embedding script.

You should contact webflow support. I have no way to see logs from AWS.

#5

I have exactly same issue!
For example I have various projects with FA installed using Ariel / Ariel Bold Rollback and now every single site project containing FA changed from Sans-Serif to Sans/Times Roman IF project is saved AFTER January 18th, its very notifiable across multiple project.

This ONLY affects website projects saved after January 18. I tested Sifari Firefox Chrome IE Edge browsers on multiple devices, it looks to be a webflow issue.

Sites before January 18th are not affected by serif rollback.

Original sites, save / published BEFORE January 18 look like this
image

ALL Sites Saved/Published AFTER January 18 look like this
image

Fallback and the like no longer work:

How do I set fallback fonts for Adobe Typekit fonts?
#7

Hi @Bartgodding ,

I just wanted to reach out and say thank you for reporting this to us.

The Webflow team was able to note that this may be an issue with fallback fonts.

We’re actively looking into the issue from this end for this fallback font error occurring.

Thank you so much for your patience, and we’ll provide an update/resolution in a timely manner here :bowing_man:

2 Likes
#8

What’s the good news @mistercreate ?

#9

Hi @miekwave,

I was able to touchbase with our engineers, and noted that they are in the process completing a fix for this issue.

The issue may have been caused by an uppercase TTF extension which isn’t mapped to any font format, and the simple fix here is to lowercase the extension.

Would you be able to re-upload the custom font with a lowercase extension?

Thanks in advance, and the engineers are working on implementing a more permanent fix. :bowing_man:

#10

Thx @mistercreate for picking this up. Looking forward to the fix.
We already used the lowercase extension.

#11

@mistercreate

Any news?

Kind regards,

#12

Hi @Bartgodding,

Thanks for following-up with me.

I was able to check with our engineers and noted that they had increased the priority of this issue.

Currently, there is a fix that is being reviewed, though I don’t have a timeline on when it will be available live.

I’ll definitely let you know as soon as possible, though :bowing_man:

Thanks for your patience :pray: but we’ll be here to answer any additional questions :webflow_heart:

#13

Hi @Bartgodding @miekwave @webdev

Thanks again for your patience.

Thank you again for reaching out about this font fallback issue.

​I wanted to let you know our team was able to push a fix for this issue and it should be live later today.

Please refresh your Designer and republish the project to ensure you have the latest build. If the issue still persists by tomorrow, please let us know and we’d be happy to help further.

#14

Hi @Brando @miekwave @webdev

Thx for the help and work. Unfortunately it seems the issue is still there. I refreshed designer and republished the project several times, including some hard resets of the cache and cookies.

Kind regards,

closed #16

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.