Stripe Elements 不會加載我的自定義字體

Question

我正在使用此代碼為我的 Stripe 卡號元素加載自定義字體：

const elements = stripe.elements({
                    fonts: [
                        {
                            family: 'Avenir-Regular-Bold',
                
                            src: 'url(\'styles/AvenirNextLTPro-Bold.otf\')'
                        }
                    ]
                });

而且我收到有關加載所述字體的錯誤：

CORS 策略已阻止從源“https://js.stripe.com”訪問“https://example.com/app/styles/AvenirNextLTPro-Bold.otf”字體：否“訪問控制允許” -Origin' header 存在於請求的資源上。

我不知道這意味着什么，也不知道 Stripe 為什么這么說。 有什么辦法可以讓我的自定義字體加載？

Answer 1

我這樣修復它：

<?php
header("Access-Control-Allow-Origin: *");

echo file_get_contents('https://example.com/AvenirNextLTPro-Bold.otf');

然后將 url 給這個頁面給 Stripe。