Font issues with locally hosted fonts

[lnsbckr]

Describe the bug In the stripe payment gateway iframe on the woocommerce checkout page the fonts are not displayed correctly (see screenshot). It looks like the font is generated inline by the javascript. The issue seems to be resolved as soon as I deactivate our GDPR cookie plugin blocking cookies and external resources.

To Reproduce Steps to reproduce the behavior:

1. Go to woocommerce checkout
2. Chose Stripe/WooCommerce Payments option

Expected behavior Change the javascript code of the iframe that is generating what font will be used.

Screenshots

Environment (please complete the following information):

• WordPress Version 6.1.1
• WooCommerce Version 7.1.0
• WooCommerce Payments Plugin Version 5.1.0
• Theme: BeTheme Version 26.6.2
• Browser [e.g. chrome, safari] and Version: Safari and Firefox
• Any other plugins installed: WPML Multilingual CMS: by OnTheGoSystems – 4.5.14 WPML SEO: by OnTheGoSystems – 2.1.0 Google Listings and Ads: by WooCommerce – 2.3.1 Pinterest for WooCommerce: by WooCommerce – 1.2.6 Products By Attributes & Variations for WooCommerce: by Addify – 1.4.5 Germanized for WooCommerce: by vendidero – 3.11.2 WooCommerce Google Analytics Integration: by WooCommerce – 1.5.17 WooCommerce Multilingual & Multicurrency: by OnTheGoSystems – 5.0.2 WooCommerce Payments: by Automattic – 5.1.0 WooCommerce: by Automattic – 7.1.0 WPML Media: by OnTheGoSystems – 2.7.1 WPML String Translation: by OnTheGoSystems – 3.2.3

[ricardo]

Hi there @lnsbckr,

The issue seems to be resolved as soon as I deactivate our GDPR cookie plugin blocking cookies and external resources.

What's the plugin name on WordPress.org?

From what you said, it looks like the GDPR plugin is conflicting with the Stripe plugin and you managed to fix the issue by disabling the GDPR plugin.

Change the javascript code of the iframe that is generating what font will be used.

I'm not sure I understand the suggestion. If the GDPR blocks external resources, I'm afraid there's nothing we can do.

[shameemreza]

Another report here: 8722392-zen Thread link: https://wordpress.org/support/topic/why-your-plugin-is-loading-google-fonts-from-cdn-when-it-is-not-used

As a workaround, I suggested discussing with their theme developer so they can hook into Stripe's hooks.

[dziudek]

Hi,

I have reported the bug mentioned by @shameemreza - unfortunately your suggested solution from https://woocommerce.com/document/stripe/customization/style-payment-form/#section-3 is not working - your scripts are still loading Google fonts

[dziudek]

Also for further debugging - the problem occurs only when Stripe payment gateway is enabled - the Google fonts are downloaded via fetch (it is not included in the website source code):

Additionally the request refers to this point:

So it seems to be triggered by your scripts not the theme or other plugin