Avatar for Username

Rechercher dans l’assistance

Évitez les escroqueries à l’assistance. Nous ne vous demanderons jamais d’appeler ou d’envoyer un SMS à un numéro de téléphone ou de partager des informations personnelles. Veuillez signaler toute activité suspecte en utilisant l’option « Signaler un abus ».

En savoir plus

Ce sujet de discussion a été archivé. Veuillez poser une nouvelle question si vous avez besoin d’aide.

Problems with Firefox Quantum with Netlify [SOLVED]

  • 1 réponse
  • 3 ont ce problème
  • 4 vues
  • Dernière réponse par carlcaulkett

carlcaulkett
carlcaulkett
more options

macOS 10.13.1 High Sierra

Firefox Quantum 57

Hello, I have a website that is hosted at Netlify. The URL is `https://relaxed-williams-d8a311.netlify.com/` I have the domain `https://carlca.com` which is configured to point to the same site. The problem is that while the site displays perfectly from the `https://relaxed-williams-d8a311.netlify.com/` URL, some of the characters do not display properly with the `https://carlca.com URL` and they are pointing to the same site, Look at the social media symbols as examples of this difference in the display.

I received a message from elsewhere that suggested: 

"This is due to the fact that the font can't be loaded due to an issue with CORS:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://relaxed-williams-d8a311.netlify.com/fonts/fontawesome-webfont.woff2?v=4.6.3. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). You can read more about CORS here: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS"

While its great that someone has identified the origin of the issue, what's not so great is that there is no identifiable course of action that would enable me to get the font working.

Both URLs display correctly in Chrome...

macOS 10.13.1 High Sierra Firefox Quantum 57 Hello, I have a website that is hosted at Netlify. The URL is `https://relaxed-williams-d8a311.netlify.com/` I have the domain `https://carlca.com` which is configured to point to the same site. The problem is that while the site displays perfectly from the `https://relaxed-williams-d8a311.netlify.com/` URL, some of the characters do not display properly with the `https://carlca.com URL` and they are pointing to the same site, Look at the social media symbols as examples of this difference in the display. I received a message from elsewhere that suggested: "This is due to the fact that the font can't be loaded due to an issue with CORS: Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://relaxed-williams-d8a311.netlify.com/fonts/fontawesome-webfont.woff2?v=4.6.3. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). You can read more about CORS here: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" While its great that someone has identified the origin of the issue, what's not so great is that there is no identifiable course of action that would enable me to get the font working. Both URLs display correctly in Chrome...

Modifié le par carlcaulkett

Solution choisie

The problem is solved. The Hugo website has a `config.toml` which takes a `baseurl` parameter. Pointing that URL to either of the fully qualified URL paths messes up the font display in the other. By simply setting the `baseurl` parameter to "/" caused the fonts to display correctly regardless of which site URL is being used.

Lire cette réponse dans son contexte 👍 0

Toutes les réponses (1)

carlcaulkett
carlcaulkett Auteur de la question
more options

Solution choisie

The problem is solved. The Hugo website has a `config.toml` which takes a `baseurl` parameter. Pointing that URL to either of the fully qualified URL paths messes up the font display in the other. By simply setting the `baseurl` parameter to "/" caused the fonts to display correctly regardless of which site URL is being used.