Benutzerdefinierte Schriftart src mit Streifen

Question

diese als Referenz https://stripe.com/docs/elements/reference#stripe-elements

Ich versuche, eine eigene Schriftart erstellen src meiner Streifenelemente weitergeben müssen:

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

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

Aber die Schrift ist die Anzeige nicht wie geplant. Jede mögliche Hilfe würde geschätzt

:

Answer 1

stripe.elements nimmt Objekt ein Optionen..

stripe.elements([options]) 

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

Es scheint, dass es ein Array ist zu erwarten.

zu

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

Answer 2

Ändern Versuchen denke ich es ist ein Formatierungsfehler, fehlen einige Kommas.

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

Answer 3

Danke Jungs für die Hilfe. Ich habe Hilfe beim IRC von Stripe bekommen. Es könnten die fehlenden Kommas gewesen sein und auch zu ttf gewechselt haben. Auf jeden Fall hoffe das jemand helfen kann:

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>