Adyen checkout：卡片组件安全字段的自定义字体

Question

我查看了 documentation 并且有用于更改输入字段字体系列的选项，但其中 none 涉及自定义字体的使用。在我们的页面上，我们导入 Roboto 并将其添加为我们使用 emotion（它是一个 React 应用程序）将其注入到我们的全局样式表中的字体，但是由于 adyen 安全字段创建了一个 iframe，我们的自定义字体不会被 iframe 继承。所以我也尝试通过向其附加样式元素来修改已安装的 iframe 头部，但它似乎不起作用..

文档似乎没有涵盖这种情况，但我不是第一个在结帐页面的输入字段中使用自定义字体时遇到困难的人。有没有人知道如何这可以解决吗？

Answer 1

卡片组件使用 iframe 将卡片输入字段保持在 PCI 合规性范围之外，这样 iframe 就无法在您网站的范围内进行操作。

Adyen 目前不支持将自定义字体系列导入 iframe 的机制。