我正在尝试初始化方形付款表单并更改输入字段的字体。当使用浏览器默认值(如衬线)时,此参数可以正确呈现,但是当尝试使用 Google 字体时,我收到以下错误:
Uncaught Error: Invalid InputStyle value `Roboto` for property `fontFamily`.
See: https://docs.connect.squareup.com/articles/adding-payment-form/#stylingcardform
at Object.styleStringForKeyValuePair (https://connect.squareup.com/v2/iframe?type=cardNumber:31:30543)
at Object.<anonymous> (https://connect.squareup.com/v2/iframe?type=cardNumber:31:29754)
at Array.forEach (native)
at Object.styleStringForStyleObject (https://connect.squareup.com/v2/iframe?type=cardNumber:31:29677)
at Object.buildStylesForScreenWidth (https://connect.squareup.com/v2/iframe?type=cardNumber:31:29578)
at s.buildStylesForScreenWidth (https://connect.squareup.com/v2/iframe?type=cardNumber:31:16470)
at new s (https://connect.squareup.com/v2/iframe?type=cardNumber:31:15723)
at s (https://connect.squareup.com/v2/iframe?type=cardNumber:31:9536)
at r (https://connect.squareup.com/v2/iframe?type=cardNumber:31:9919)
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<小时/>
inputStyles: [{
fontFamily: 'Roboto',
}],
// more initialization parameters
代码模板来自 https://docs.connect.squareup.com/articles/adding-payment-form
是否可以使用导入的字体作为输入样式?
最佳答案
目前您无法在付款表单中使用自定义字体。 Square 正在研究这一点,尤其是 Google 字体。
关于javascript - 如何更改Square付款表格的字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43795495/