#michael_19345
paper relicBOT
Hello! We'll be with you shortly. Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.
- michael_19345, 6 days ago, 16 messages
- michael-ece-handleerrors, 6 days ago, 38 messages
uneven wadi
hi there!
what are the values of textColor and secondaryFontFamily?
and do you see an error message in the browser console?
glad pine
textColor: "#000000"
secondaryFontFamily: "'ITC Kabel W01 Book', 'Open Sans', 'sans-serif'"
no console errors re this
could it be that the font family is not actually available within this component?
uneven wadi
if these are custom fonts, you need to also set them here: https://stripe.com/docs/js/elements_object/create#stripe_elements-options-fonts
glad pine
should this be passed in as options here? elements.create()
uneven wadi
no, in stripe.element(...)
glad pine
so here then right?
this.elements = this.stripe?.elements({
appearance: {
theme: 'stripe',
// If we want to customise
variables: {
fontFamily: secondaryFontFamily,
},
rules: {
'.Label': {
color: textColor,
fontFamily: secondaryFontFamily,
},
},
},
clientSecret,
});
uneven wadi
yes, but you need to add the fonts array, as explained in the link I shared above.