xlex - CORS | Stripe Developers | Page 1

vague salmon Apr 6, 2022, 5:56 PM

#

Hmmm.... I cannot say I have seen anything like this. Are you trying to load your own font inside the payment element iFrame?

winged sluice Apr 6, 2022, 6:10 PM

#

Yes, passing the font into <Elements options={{fonts: }}>

#

^^ using the React controls

#

Screenshot_2022-04-06_at_11.11.26_AM.png

vague salmon Apr 6, 2022, 6:11 PM

#

Hmmm I don't think we are going to support the injecting of anything not controlled by Stripe into the iFrame.

winged sluice Apr 6, 2022, 6:12 PM

#

The docs seem to indicate it's ok: https://stripe.com/docs/js/appendix/custom_font_source_object

Stripe JS Reference

#

Maybe I misread?

vague salmon Apr 6, 2022, 6:13 PM

#

Oh, okay I should have looked closer at your code. Yeah, that's an approved path.

#

Based on the inconsistency it appears this has to do with how each browser configures the request. Let me look to see if anyone has reported this as an issue

winged sluice Apr 6, 2022, 6:14 PM

#

You can see live if that's of any interest - https://demo.tickit.ca/ and add anything to your cart. The PaymentElement form is on the next page

Tickit Demo Store

Buy Tickets – Tickit Demo Store

Welcome to the ticket store. This introduction is only displayed on the first screen.

vague salmon Apr 6, 2022, 6:24 PM

#

Hmmm... I'm not seeing anything about this as a ticket already. I will create a request to look into this.

winged sluice Apr 6, 2022, 6:25 PM

#

I appreciate it. Is there any way for me to track the status?

vague salmon Apr 6, 2022, 6:25 PM

#

Unfortunately that would be internal only 🙁

winged sluice Apr 6, 2022, 6:26 PM

#

😕 any suggestions in the meantime? I'd love to get my fonts looking consistent

vague salmon Apr 6, 2022, 6:27 PM

#

Well I'm wondering if downloading the .woff2 file and serving it yourself as a static resource might fix the issue

winged sluice Apr 6, 2022, 6:28 PM

#

I'll give it a shot.

#xlex - CORS