以此为引用 https://stripe.com/docs/elements/reference#stripe-elements
我正在尝试创建自定义字体 src
以传递给我的 Stripe 元素:
var elements = stripe.elements(
{
font: {
family:'Effra',
src: "url('https://cuddlecompanions.org/wp-content/themes/diamondphoenix/fonts/effra.eot')"
}
}
);
var style = {
base: {
fontFamily: 'Effra'
}
}
但是字体没有按计划显示..
任何帮助将不胜感激:
最佳答案
感谢大家的帮助。我在 stripe 的 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>
关于javascript - 带 Stripe 的自定义字体 src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43824382/