所以我正在将 Stripe 元素集成到我的 React 应用程序中,并且我有时间尝试更改元素的字体。我试过使用 style const 传递样式,但这不会改变任何东西
const style = {
base: {
fontFamily: '"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'
}
}
<CardNumberElement style={style} className="form-control" id="cardNumber" placeholder="XXXX XXXX XXXX XXXX" type="text" />
我试过在这个 GitHub 问题中使用代码:https : //github.com/stripe/react-stripe-elements/issues/179
我试过这个:https : //wordpress.org/support/topic/change-css-for-checkout-form/
我试过只使用普通的内联样式。请任何不得不处理这个问题的人帮助我
Stripe 提供了一个<Elements>
组件,您需要使用它来包装所有条纹元素,并提供以下字体对象作为道具Elements
:
<Elements
options={{
fonts: [
{
cssSrc:
'https://fonts.googleapis.com/css2?family=Archivo&display=swap'
}
]
}}
>
<MyComponent />
</Elements>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句