Ich versuche, das quadratische Zahlungsformular zu initialisieren und die Schriftart des Eingabefeldes zu ändern. Bei Verwendung eines Standard-Browser wie serif dieser argements korrekt rendert, aber bei dem Versuch, eine Google-Schriftart verwenden ich die folgende Fehlermeldung erhalten:So ändern Sie Schriftart von Square Zahlungsformular
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
Die Codevorlage ist von https://docs.connect.squareup.com/articles/adding-payment-form
Ist Ist es möglich, eine importierte Schriftart als Eingabestil zu verwenden?
Obwohl dies möglicherweise nicht die Ursache Ihres Problems ist, werden Webfonts asynchron heruntergeladen. Daher ist es durchaus möglich, dass Sie mit einem Font Loader darauf warten müssen, bis das fertig ist. –