Cross origine .htacess accès à des typographies

gabintraverse.art

Bonjour,

Le serveur web renvoie bien cet en-tête HTTP:

HTTP/1.1 200 OK
Date: Fri, 08 Nov 2024 11:21:41 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Server: Apache
X-Powered-By: PHP/8.0
Vary: Accept-Encoding
Access-Control-Allow-Origin: https://workshop.gabintraverse.art/
Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS
Access-Control-Allow-Headers: Content-Type, Authorization

Merci beaucoup, je n'arrivais pas à acceder à ses infos avec mes connaissances.
Je me demande donc toujours pourquoi j'ai ce message quand j'essaye d'acceder au fonts :

downloadable font: download failed (font-family: "GalberRT" style:normal weight:400 stretch:100 src index:1): bad URI or cross-site access not allowed source: https://gabintraverse.art/00index/fonts/GabinGalber-RegularTordue.otf
Blocage d’une requête multiorigine (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur https://gabintraverse.art/00index/fonts/GabinGalber-Regular.woff2. Raison : l’en-tête CORS « Access-Control-Allow-Origin » ne correspond pas à « https://workshop.gabintraverse.art/ ».

downloadable font: download failed (font-family: "GalberR" style:normal weight:400 stretch:100 src index:0): bad URI or cross-site access not allowed source: https://gabintraverse.art/00index/fonts/GabinGalber-Regular.woff2
Blocage d’une requête multiorigine (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur https://gabintraverse.art/00index/fonts/Inter-Medium.woff2. Raison : l’en-tête CORS « Access-Control-Allow-Origin » ne correspond pas à « https://workshop.gabintraverse.art/ ».

downloadable font: download failed (font-family: "InterM" style:normal weight:400 stretch:100 src index:0): bad URI or cross-site access not allowed source: https://gabintraverse.art/00index/fonts/Inter-Medium.woff2
Blocage d’une requête multiorigine (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur https://gabintraverse.art/00index/fonts/GabinGalber-Regular.otf. Raison : l’en-tête CORS « Access-Control-Allow-Origin » ne correspond pas à « https://workshop.gabintraverse.art/ ».

Blocage d’une requête multiorigine (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur https://gabintraverse.art/00index/fonts/Inter-Medium.otf. Raison : l’en-tête CORS « Access-Control-Allow-Origin » ne correspond pas à « https://workshop.gabintraverse.art/ ».

downloadable font: download failed (font-family: "GalberR" style:normal weight:400 stretch:100 src index:1): bad URI or cross-site access not allowed source: https://gabintraverse.art/00index/fonts/GabinGalber-Regular.otf
downloadable font: download failed (font-family: "InterM" style:normal weight:400 stretch:100 src index:1): bad URI or cross-site access not allowed source: https://gabintraverse.art/00index/fonts/Inter-Medium.otf

Est ce que tu as une idée pour m'aider ?
En faite ce qui se passe c'est que j'appelle à distance la page de style, qui elle même cherche à acceder à la font dans le dossier "https://gabintraverse.art/00index/fonts/" pour ensuite me la renvoyer à "workshop.gabintraverse.art" est ce que je m'y prend mal ?

Est ce que tu as une idée pour m'aider ?

Hélas non, mes compétences s'arrêtent ici.

Bonjour,

est ce que je m'y prend mal ?

oui et c'est ce qu'un votre message d'erreur.
si seulement "workshop.gabintraverse.art" est autoriser alors TOUTES vos ressources doivent venir de cette URL précise.

Cordialement, janus57

Fritz, merci.

Chat gpt ma donné la solution grâce à ton avancée, la voici :

> Pour autoriser les ressources d’un domaine externe, il faut ajouter des directives CORS au fichier .htaccess du serveur où les ressources (ici, les typographies) sont hébergées. Voici une solution possible :

> Ouvrir le fichier .htaccess : Localisez le fichier .htaccess à la racine de votre hébergement ou dans le répertoire des typographies.

> Ajouter les directives CORS : Collez le code suivant dans votre fichier .htaccess pour permettre l’accès aux typographies depuis n’importe quel domaine :

>
>
> Header set Access-Control-Allow-Origin "*"
>
>

> Explication :

> mod_headers.c est le module d’Apache permettant de gérer les en-têtes HTTP.

> FilesMatch limite l'application de la règle aux fichiers de polices couramment utilisés (extensions .ttf, .otf, .woff, etc.).

> Header set Access-Control-Allow-Origin "*" indique que toutes les origines sont autorisées à accéder aux ressources.

> ⚠️ Remarque : Utiliser "*" comme origine autorisée ouvre l'accès à tous les domaines. Si vous souhaitez restreindre l'accès, remplacez "*" par votre domaine spécifique (par exemple, "https://votre-domaine.com").