私は正方形の支払いフォームを初期化し、入力フィールドのフォントを変更しようとしています。この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
ですからですインポートされたフォントを入力スタイルとして使用できますか?
問題の原因ではないかもしれませんが、Webフォントは非同期でダウンロードされるため、フォントローダーを使用してWebフォントが完了するまで待つ必要があります。 –