# Cross origine .htacess accès à des typographies

**URL:** https://community.ovhcloud.com/t/cross-origine-htacess-acces-a-des-typographies/3092
**Category:** Oldies but goldies
**Created:** [Novembre 8, 2024, 11:17 UTC](https://community.ovhcloud.com/t/cross-origine-htacess-acces-a-des-typographies/3092 "2024-11-08T11:17:41Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![GabinT](https://community.ovhcloud.com/letter_avatar/gabint/32/5_5575768a8748004e209b776fc1b2916d.png) [@GabinT](https://community.ovhcloud.com/u/GabinT)
#### Post date: [Novembre 8, 2024, 11:17 UTC](https://community.ovhcloud.com/t/cross-origine-htacess-acces-a-des-typographies/3092/1 "2024-11-08T11:17:41Z")

</div>

Bonjour, Je veux pouvoir ajouter un accès Cross-origin à mon site "gabintraverse.art" pour pouvoir accèder à ses typographies pour mon site "workshop.gabintraverse.art" Mais je n'y arrive pas alors que j'ai inseré le message suivant dans mon ".htacess" à la fois à la racine des multi-sites et dans le dossier "www" de mon site principal "gabintraverse.art" . Est ce que ça vient du module apache ?  
  
  
 Header set Access-Control-Allow-Origin "[https://workshop.gabintraverse.art/&#34;](https://workshop.gabintraverse.art/&#34;)  
 Header set Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS"  
 Header set Access-Control-Allow-Headers "Content-Type, Authorization"  
  
  
Cordialement,

---

<div class="post-metadata">

### Author: ![fritz2cat](https://community.ovhcloud.com/user_avatar/community.ovhcloud.com/fritz2cat/32/29833_2.png) [@fritz2cat](https://community.ovhcloud.com/u/fritz2cat)
#### Post date: [Novembre 8, 2024, 11:22 UTC](https://community.ovhcloud.com/t/cross-origine-htacess-acces-a-des-typographies/3092/2 "2024-11-08T11:22:28Z")

</div>

> 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

---

<div class="post-metadata">

### Author: ![GabinT](https://community.ovhcloud.com/letter_avatar/gabint/32/5_5575768a8748004e209b776fc1b2916d.png) [@GabinT](https://community.ovhcloud.com/u/GabinT)
#### Post date: [Novembre 8, 2024, 2:51 UTC](https://community.ovhcloud.com/t/cross-origine-htacess-acces-a-des-typographies/3092/3 "2024-11-08T14:51:10Z")

</div>

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](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](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/](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](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](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/](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](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](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/](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](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/](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](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](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/&#34](https://gabintraverse.art/00index/fonts/&#34); pour ensuite me la renvoyer à "workshop.gabintraverse.art" est ce que je m'y prend mal ?

---

<div class="post-metadata">

### Author: ![fritz2cat](https://community.ovhcloud.com/user_avatar/community.ovhcloud.com/fritz2cat/32/29833_2.png) [@fritz2cat](https://community.ovhcloud.com/u/fritz2cat)
#### Post date: [Novembre 8, 2024, 3:26 UTC](https://community.ovhcloud.com/t/cross-origine-htacess-acces-a-des-typographies/3092/4 "2024-11-08T15:26:09Z")

</div>

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

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

---

<div class="post-metadata">

### Author: ![janus57\_1](https://community.ovhcloud.com/letter_avatar/janus57_1/32/5_5575768a8748004e209b776fc1b2916d.png) [@janus57\_1](https://community.ovhcloud.com/u/janus57_1)
#### Post date: [Novembre 8, 2024, 4:38 UTC](https://community.ovhcloud.com/t/cross-origine-htacess-acces-a-des-typographies/3092/5 "2024-11-08T16:38:28Z")

</div>

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

---

<div class="post-metadata">

### Author: ![GabinT](https://community.ovhcloud.com/letter_avatar/gabint/32/5_5575768a8748004e209b776fc1b2916d.png) [@GabinT](https://community.ovhcloud.com/u/GabinT)
#### Post date: [Novembre 12, 2024, 9:59 UTC](https://community.ovhcloud.com/t/cross-origine-htacess-acces-a-des-typographies/3092/6 "2024-11-12T09:59:42Z")

</div>

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").
