自定義字體SRC與條紋

Question

以此爲參考 https://stripe.com/docs/elements/reference#stripe-elements

我試圖創建一個自定義的字體src傳遞給我的條紋元素：

var elements = stripe.elements(
    { 
     font: { 
      family:'Effra', 
      src: "url('https://cuddlecompanions.org/wp-content/themes/diamondphoenix/fonts/effra.eot')" 
     } 
    } 
); 

var style = { 
    base: { 
     fontFamily: 'Effra' 
    } 
} 

但隨着計劃的字體沒有顯示。 。

任何幫助，將不勝感激：

Answer 1

stripe.elements接受一個選項對象。

stripe.elements([options]) 

fonts
An array of custom fonts Elements created from the elements object can use.

看來，它期待的數組。

嘗試更改爲

var elements = stripe.elements(
    { 
     fonts: [{ 
      family:'Effra', 
      src: "url('https://cuddlecompanions.org/wp-content/themes/diamondphoenix/fonts/effra.eot')" 
     }] 
    } 
); 

Answer 2

我認爲它是一個格式錯誤，你錯過了一些逗號。

var elements = stripe.elements({ 
      fonts: [ 
       { 
       family:'Effra', 
       src: "url('https://cuddlecompanions.org/wp-content/themes/diamondphoenix/fonts/effra.eot')", 
       }, 
      ] 
     }); 

Answer 3

謝謝你們的幫助。我在條紋的IRC上得到了幫助。它可能是缺少的逗號，並且也切換到了ttf。無論如何希望這可以幫助某人：

var elements = stripe.elements({ 
    fonts: [ 
     { 
      family: 'Effra', 

      src: 'local("Effra"), local("effra"), url(https://cuddlecompanions.org/wp-content/themes/diamondphoenix/fonts/effra.ttf) format("truetype")', 
      unicodeRange: 'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215', 
     }, 
    ] 
}); 


<style> 
@font-face { 
font-family: 'Effra'; 
font-weight: 400; 
src: local("Effra"), local("effra"), url(https://cuddlecompanions.org/wp-content/themes/diamondphoenix/fonts/effra.ttf) format("truetype"); 
unicodeRange: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 
} 
</style>