2017-05-05 9 views
0

私は正方形の支払いフォームを初期化し、入力フィールドのフォントを変更しようとしています。このargementsセリフのようなブラウザのデフォルトを使用すると、正しくレンダリングする場合は、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

ですからですインポートされたフォントを入力スタイルとして使用できますか?

+0

問題の原因ではないかもしれませんが、Webフォントは非同期でダウンロードされるため、フォントローダーを使用してWebフォントが完了するまで待つ必要があります。 –

答えて

1

現時点では、支払いフォームにカスタムフォントを使用することはできません。これはスクエアが探しているもの、特にGoogleフォントを使ったものです。

+0

ああ、バマー。サポートされているフォントのリストがありますか? Googleのフォント対応のタイムラインは? – KVNA

+0

また、 '' 'textAlign: 'center''''はすばらしいことになります。 – KVNA

+0

そして私の広場の質問のすべての助けをありがとう:)。 – KVNA

関連する問題