Custom font for universal login not working on chrome

Problem statement

We’ve added a custom font to the auth0 universal login. But it doesn’t seem to be working on Chrome. Safari looks ok.

Steps to reproduce

when adding the URL to the font on the dashboard to customize the New Universal Login, a CORS error appears, as shown in the following image.

Solution

With the “No ‘Access-Control-Allow-Origin’ header present on the requested resource,” you will need to make sure you are using a CDN with CORS enabled or a hosting site with ‘Access-Control-Allow-Origin: *’ header on it. Usually, the place you’re hosting the file will let you do this (such as S3).