Estoy usando este código para cargar una fuente personalizada para mi elemento de número de tarjeta Stripe:
const elements = stripe.elements({ fonts: [ { family: 'Avenir-Regular-Bold', src: 'url(\'styles/AvenirNextLTPro-Bold.otf\')' } ] });
Y recibo este error sobre la carga de dicha fuente:
El acceso a la fuente en 'https://example.com/app/styles/AvenirNextLTPro-Bold.otf' desde el origen 'https://js.stripe.com' ha sido bloqueado por la política CORS: No 'Access-Control-Allow -El encabezado de origen está presente en el recurso solicitado.
No tengo idea de qué significa esto o por qué Stripe dice esto. ¿Hay alguna forma de que cargue mi fuente personalizada?
Lo arreglé así:
<?php header("Access-Control-Allow-Origin: *"); echo file_get_contents('https://example.com/AvenirNextLTPro-Bold.otf');
Y luego darle la URL de esta página a Stripe.