Font code bloat when running through Cloudflare

When viewing page source code , I get many numerous font code like this “@font-face”:

} /* latin */ @font-face { font-family: ‘Open Sans’; font-style: italic; font-weight: 300; font-stretch: 100%; font-display: swap; src: url(/ format(‘woff2’); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

All this repetitive code should not be here.

This only happens when running through Cloudflare. If Cloudflare bypassed it does not happen. For example, I created a staging version of the site (does not use Cloudflare) and there are no issues How can this be fixed?

It sounds like you’re using APO on Wordpress, and it’s caching third party fonts for you.

1 Like

Thanks for the prompt response.

So, should I worry about this? I assume it’s not good in Google crawler’s eyes?

How do I stop it from happening without disabling APO?

Why does APO add this? I have other websites that run APO and this is not happening. I’m also sure that the affected site didn’t have this issue previously, it’s only recently been seen, yet it’s used APO for some time.


Ok, so I’ve confirmed APO is the problem by toggling APO on and off.

Isn’t this a bug that can be fixed?

I like the TTFB savings I get with APO, but not with this huge amount of bloat code. I’ll have to cancel my APO add-on unless this can be fixed, which is a shame.