2017-05-05 5 views
0

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?

+0

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. –

Antwort

1

Zu diesem Zeitpunkt können Sie keine benutzerdefinierten Schriftarten mit dem Zahlungsformular verwenden. Dies ist etwas, das Square gerade bei Google-Fonts untersucht.

+0

Ah, bummer. Haben Sie eine Liste der unterstützten Schriften? Oder eine Zeitleiste für die Unterstützung von Google-Schriftarten? – KVNA

+0

Auch '' 'textAlign: 'center'''' wäre eine tolle Ergänzung. – KVNA

+0

Und danke für die Hilfe mit meinen Square Fragen :). – KVNA

Verwandte Themen