Photo Gallery Forums

My website is based on Lato Font without problems since years. Since today, on Safari, is the website www.thomas-ruf.ch displayed with a ugly other Font. Because I have not updated something the last weeks I think it coud bee a problem with CDN. I have tried to delete the Caches. What could I do too?

Thanks for ideas :-)

Best regards
Thomas

It's interesting that I had another user in Switzerland report this a few days ago, but then it was suddenly working again for them. This is definitely something on your side, if not extension, router or firewall, then something temporary from the ISP (internet provider). Basically, it would mean the font file is not loading, but it works from other locations:

Mac Safari


iOS Safari


Browserling remote browser testing


To diagnose this properly on your side, you would need to open Safari Developer Tools > Network, where you might get a better explanation as to why the font is not loading. From here:

It has indeed come loose again, as I have just discovered. So it was obviously a temporary problem.

Many thanks and best regards
Thomas

Well, here is the other swiss user again ;-). The problem still exists (incorrect font). The problem occurs on smartphones (Safari), on computers with different browsers, and with different internet connections. I have also noticed that when the fonts are not displayed correctly, the styler does not work either. Perhaps this information will help. 
PS: The phenomenon comes and goes, making it difficult to debug...

Font sould be: Raleway -Amaranth
Website: www.gosswiler.com

KR, Bjoern

BjoernG wrote: Well, here is the other swiss user again ;-). The problem still exists (incorrect font). The problem occurs on smartphones (Safari), on computers with different browsers, and with different internet connections. I have also noticed that when the fonts are not displayed correctly, the styler does not work either. Perhaps this information will help. 
PS: The phenomenon comes and goes, making it difficult to debug...

Font sould be: Raleway -Amaranth
Website: www.gosswiler.com

KR, Bjoern

Ich konnte das Problem nie sauber lösen. Deshalb arbite ich nicht mehr mit den PhotoGallery Fonts sondern und eigenen Face-Fonts im CSS und nun habe ich definitiv endlich keine Probleme mehr...

BjoernG wrote: Well, here is the other swiss user again ;-). The problem still exists (incorrect font). The problem occurs on smartphones (Safari), on computers with different browsers, and with different internet connections.

This is unfortunate, but it is the result of an issue on your network (firewall, DNS, network), as that's the only way to explain why it worked fine earlier, and now only works "sometimes", and still works fine from all other locations. This seems a bit disappointing to me, considering Switzerland are known for high quality clockworks :grinning: There really is no good excuse for randomly failing to load font files that are loaded from a global CDN service.

The way to diagnose this, would ultimately be to keep browser developer tools > "network" tab open while loading the page. In your case, you would then see some red errors when the attempting to load the fonts (if indeed it fails), and these errors could be used to diagnose the issue. My guess is you will just see some network error.

Network responses for the font files:



You can also try to load the font file directly into browser, in which case it would fail at some point.
https://fonts.bunny.net/css?family=Rale ... 0|Amaranth

... For the record, fonts are display correctly here on 1. desktop, 2. mobile, and 3. checking from remote browser on browserling.com. This is a location/network specific issue.

Desktop Safari:


Remote desktop on browserling.com:


Safari iPhone


If all else fails, you may need to follow @trpgforum's advice, and download the fonts you want to use, and load them locally. This is unfortunate, but it doesn't seem reasonable for me to be able to resolve this, as it's some kinda firewall/network issue specifically in your location/network/ISP. I mean, I can't magically make it load, and we can't provide all fonts pre-installed with X3.

Unfortunately, the problem doesn't seem to be that uncommon. It occurs on both mobile phones and PCs. I was also made aware of it by website visitors. This ultimately led to my decision.

Hello Karl,

Thank you for your feedback.
Based on your feedback, I have now done some debugging with chrome. It appears that it cannot load the URL:
https://fonts.bunny.net/css?family=Rale ... 0|Amaranth
Attached are the print screens and below is an AI analysis. Unfortunately, I am unable to interpret this, but I am happy to assist you with further troubleshooting.
If you need any further print screens, etc., just let me know.

KR Bjoern







AI answer:

## AI
### Analyzing network data
**Request:**
````
Request URL: https://fonts.bunny.net/css?family=Rale ... 0|Amaranth

Request headers:
:authority: fonts.bunny.net
:method: GET
:path: /css?family=Raleway:400,600|Amaranth
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9,de-DE;q=0.8,de;q=0.7
dnt: 1
priority: <redacted>
referer: https://www.gosswiler.com/
sec-ch-ua: <redacted>
sec-ch-ua-mobile: <redacted>
sec-ch-ua-platform: <redacted>
sec-fetch-dest: <redacted>
sec-fetch-mode: <redacted>
sec-fetch-site: <redacted>
sec-fetch-storage-access: <redacted>
user-agent: Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Mobile Safari/537.36
````
**Response:**
````
Response Status: 428 
Response headers:
cache-control: no-cache, no-store, max-age=0
cdn-limit: <redacted>
cdn-requestid: <redacted>
content-length: <redacted>
content-type: text/html
date: Sat, 22 Nov 2025 08:47:26 GMT
server: BunnyCDN-CH1-889
````

**Timing:**
````
Queued at (timestamp): 954 ms
Started at (timestamp): 1.1 s
Connection start (stalled) (duration): 97 ms
Duration (duration): 270 ms
````
**Request initiator chain:**
````
- URL: <redacted cross-origin initiator URL>
- URL: https://fonts.bunny.net/css?family=Rale ... 0|Amaranth
````
### Answer

The network request to `https://fonts.bunny.net/css?family=Rale ... 0|Amaranth` is an attempt to retrieve a CSS file that defines and imports the specified web fonts, "Raleway" (with weights 400 and 600) and "Amaranth". This is a common practice for websites to load custom typography. Bunny Fonts is a privacy-first, GDPR-compliant alternative to Google Fonts, leveraging Bunny.net's CDN for fast delivery.

**Purpose of the Request:**
The website `https://www.gosswiler.com/` (indicated by the `referer` header) is trying to load custom web fonts, specifically "Raleway" in weights 400 and 600, and "Amaranth", from Bunny Fonts. This improves the visual aesthetics and branding of the webpage by using fonts not typically available as system fonts.

**Timing Analysis:**
*   **Queued at: 954 ms**
*   **Started at: 1.1 s**
*   **Connection start (stalled): 97 ms**
*   **Duration: 270 ms**

The request was queued for a significant amount of time (954 ms until it started). This "queued" time often indicates that the browser prioritized other resources or was waiting for an available connection slot. The actual connection setup (stalled) took 97 ms, and the total duration of the request was 270 ms. While 270 ms for fetching a CSS file isn't excessively long, the substantial queuing time suggests that the browser or network was busy, potentially delaying the rendering of text content that relies on these fonts. Optimizing the loading order of resources or preconnecting to `fonts.bunny.net` might reduce this queuing delay.

**Potential Issues - Status Code 428:**
The request returned a `428 Precondition Required` status code. This HTTP status code indicates that the server requires the request to be conditional, meaning it expects the client to send one or more precondition headers (such as `If-Match`, `If-None-Match`, `If-Modified-Since`, or `If-Unmodified-Since`) that were not included in this request.

For a web font CSS request, this status code is unusual and suggests an unexpected server-side requirement or misconfiguration. It implies that the server is not willing to serve the resource without specific conditions being met by the client. The `content-type: text/html` in the response headers is also suspicious, as a font CSS request should typically return `text/css`. This combination of `428` and `text/html` likely means the server returned an HTML error page rather than the expected CSS content. As a result, the specified fonts were not loaded, which could lead to a "Flash of Unstyled Text" (FOUT) or "Flash of Invisible Text" (FOIT) on the `gosswiler.com` website, where the page content would display with fallback fonts until corrected.

trpgforum wrote: Unfortunately, the problem doesn't seem to be that uncommon. It occurs on both mobile phones and PCs. I was also made aware of it by website visitors. This ultimately led to my decision.

My point is, this is something related to your country/ISP. It doesn't happen anywhere else, because really it's not possible. Your server/ISP/network is somehow choosing to block a common CDN resource from loading. It's that simple. I can understand that you need to fix the issue, but it's not a "bug" in X3 that I can fix. How would I do that?

BjoernG wrote:Attached are the print screens and below is an AI analysis. Unfortunately, I am unable to interpret this, but I am happy to assist you with further troubleshooting.

So this is Chrome net::err_blocked error, which is basically exactly what I would expect, and this is how Google AI explains the issue:

Google AI wrote:The net::err_blocked error in Chrome indicates that an extension or local security software (like an antivirus or firewall) is preventing the browser from accessing a website or downloading a resource.

Although Google says this, I am guessing it's not even that simple, but some issue on country/ISP level, and that's why I think it's a bit poor. If this can't be solved on client level (extensions, anti-virus, firewall), then you would have no choice other that loading your own fonts.

If I was you, although it might be difficult and require too much time, why not send that link to your ISP and ask why that specific resource url can't be loaded? It's either an issue with your own router/firewall/antivirus (which seems unlikely if many users are experiencing the same), or it must be an issue with the ISP. If you get an error when attempting to load a public global CDN url, and this is caused by your ISP, then they must have an explanation for that.

You can try to open the url in Chrome Incognito (private) browser tab, just to see if it's related?

OK, I understand the problem. This probably has something to do with the country, because I connected via various ISPs and the behavior is always the same. (This was also confirmed by trpgforum).

By the way, incognito mode in Chrome has the same result.

A workaround would be to choose a different font, so I wanted to use the styler, but it seems to be blocked too! The settings wheel appears, but then the endless spinning donut appears...

As soon as I press the wheel, the following error appears in debug mode:


I'll probably wait until it works temporarily (it does from time to time) and then choose a different font...

Thanks anyway for your support Karl

BjoernG wrote: This probably has something to do with the country, because I connected via various ISPs and the behavior is always the same. (This was also confirmed by trpgforum).

Yes, it sounds like it. Didn't you say the issue was random, sometimes it worked, sometimes not? But yes, it seems related to country/ISP.

BjoernG wrote:By the way, incognito mode in Chrome has the same result.

Yes, as expected, since it doesn't seem to be a client/browser issue, but a country/ISP issue.

BjoernG wrote:A workaround would be to choose a different font,

Surely that wouldn't work? Because if the font URL is blocked, it would likely block all font requests on that domain.

BjoernG wrote:so I wanted to use the styler, but it seems to be blocked too! The settings wheel appears, but then the endless spinning donut appears...

Yes, because the fonts are not loading.

Could you try to navigate around a bit in the link below? This is essentially the service that your ISP/network is somehow blocking:
https://fonts.bunny.net/

The ironic thing is that this service was intended to replace Google fonts, because if strict GDPR laws in Germany (and likely Switzerland). For the sake of it, can you see if this link works?
https://fonts.googleapis.com/css2?famil ... splay=swap

If it does, we might be able to just add this link, as long as you don't mind using Google ...

BjoernG wrote:I'll probably wait until it works temporarily (it does from time to time) and then choose a different font...

I would probably consider adding your own local hosted fonts if the above simply doesn't work. I can help next week, currently on a little holiday.

Exactly, now we've located the problem. It's actually because of illegal gambling under this URL that the Swiss Federal Gaming Board (ESBK) has radically blocked the entire domain! 
I'll contact the authorities and bring it to their attention. I have contacts at the NCSC and BACS, so it may be possible to get something done ;-). I'll update you if a solution is found.

In the meantime, the workaround with Google Fonts would be great; the link 
https://fonts.googleapis.com/css2?famil ... splay=swap
 works perfectly. If possible, please make the necessary changes in the backend, since my site is hosted by you.... Otherwise I need some assistance :sunglasses:

And yes, have a great vacation! 

PS: The data protection laws in Germany (EU) and Switzerland are different; Switzerland is a bit more open in this regard....

BjoernG wrote:It's actually because of illegal gambling under this URL that the Swiss Federal Gaming Board (ESBK) has radically blocked the entire domain!

Interesting. How did you find out this?

Yes, when there are illegal activities involved, government/ISP's have been known to just block everything loaded from the website. In this case, they are blocking a legit CDN service that is serving fonts.

BjoernG wrote:In the meantime, the workaround with Google Fonts would be great; the link 
https://fonts.googleapis.com/css2?famil ... splay=swap
 works perfectly. If possible, please make the necessary changes in the backend, since my site is hosted by you.... Otherwise I need some assistance :sunglasses:

I have now set the font to load from your website. Does the font display correctly on your end?

Perfect, Karl, the font is now displaying correctly (workstation, tablet, and different browsers)—thank you very much for the workaround :raised_hands:. 

Gemini and I figured it out :laughing:.