Error CORS al intentar cargar una fuente personalizada

Desarrollador
1

Estoy intentando utilizar una fuente especial en uno de los componentes de mi tema. He seguido las instrucciones de esta publicación:

Aquí está el CSS de mi componente:

@font-face {
  font-family: 'northwood';
  font-style: regular;
  src: url($northwoodhigh) format('woff2');
}

.category-list tbody .category h3 a[href] {
	color: #ccc;
	font-family: 'northwood', cursive;
	font-size: 135%;
	word-spacing: 3px;
}

He agregado mi URL de Cloudfront a la configuración de CORS de la siguiente manera:

Image 2020-04-25 at 6.45.23 PM
Image 2020-04-25 at 6.45.23 PM600×143 18.7 KB

Pero no funciona; lamentablemente, obtengo un error de “Solicitud entre orígenes bloqueada” en la consola cuando cargo una página con ese CSS:

7d26013f5bcde40cc8778378940e1e53_Image 2020-04-25 at 6.38.04 PM

(Perdón por la imagen tan pequeña). ¿Alguien tiene algún consejo? Estoy atascado.

3

¿Tienes DISCOURSE_ENABLE_CORS en tu app.yml como sugiere la descripción?

4

No estoy seguro, ¿hay alguna forma de verificarlo? (Estoy en una instancia alojada de Discourse, así que no puedo ver los archivos de configuración directamente.)

Edición: Envié un correo electrónico a nuestro proveedor de alojamiento para ver si ese es el problema.

5

Actualización: mi proveedor de alojamiento confirma que DISCOURSE_ENABLE_CORS está establecido en TRUE.

Así que sigo desconcertado.

7

Acabo de probar esto, tal como lo describiste, en un sitio con una configuración de CDN y funcionó. Así que creo que esto podría estar limitado a tu sitio.

Creo que la configuración DISCOURSE_ENABLE_CORS es lo inverso a lo que necesitas. Agregar dominios a esa configuración permitirá que las solicitudes desde esos dominios accedan a tu dominio de Discourse, no al revés.

Lo que necesitas es permitir que las solicitudes desde tu dominio de Discourse accedan al archivo en tu CDN. Creo que tu CDN está bloqueando esas solicitudes. Puedes confirmarlo ejecutando algo como esto en una ventana de terminal, por supuesto, después de cambiar los valores.

curl -H "origin: TU_URL_DEL_SITIO" -v "RUTA_DEL_FUENTE_EN_TU_CDN"

Si todo está configurado correctamente, deberías ver algo como esto en los encabezados de la respuesta:

Access-Control-Allow-Origin: *