mahad852 - Payment Element Font | Stripe Developers | Page 1

coral basin Apr 19, 2022, 10:43 PM

#

Hi 👋

#

The fonts array is actually passed as part of the options object when you instantiate your elements.
https://stripe.com/docs/js/elements_object/create#stripe_elements-options-fonts

lean zodiac Apr 19, 2022, 10:45 PM

#

thats what I am doing

coral basin Apr 19, 2022, 10:46 PM

#

Wait...which is right where the appearance API is loaded..yeah

lean zodiac Apr 19, 2022, 10:46 PM

#

Stripe.elements({clientSecret: clientSecret_, appearance: appearance})

#

yup

coral basin Apr 19, 2022, 10:47 PM

#

Can you log the nunitoSansUrl?

#

I want to test this out and see if I can replicate

lean zodiac Apr 19, 2022, 10:49 PM

#

https://www.postermywall.com/assets/fonts/NunitoSans/NunitoSans-Regular.woff2

we store the woff2 file for the font on our server

coral basin Apr 19, 2022, 10:51 PM

#

Ah, okay. Do you see any console warnings related to loading that content?

lean zodiac Apr 19, 2022, 10:57 PM

#

let me check

#

ahhhhhh

coral basin Apr 19, 2022, 11:02 PM

#

🤔

lean zodiac Apr 19, 2022, 11:02 PM

#

apparently fonts is an option separate from appearance...https://stripe.com/docs/js/elements_object/create#stripe_elements-options-fonts

Stripe JS Reference

#

my two brain cells assumed it was a part of the appearance object 😞

coral basin Apr 19, 2022, 11:03 PM

#

That's the doc I linked above which I missed too...so good on us 😅

lean zodiac Apr 19, 2022, 11:04 PM

#

should have checked the console properly for warnings. Thanks a bunch tho!

coral basin Apr 19, 2022, 11:04 PM

#

Sure! Happy to help 🙂

#mahad852 - Payment Element Font