# Erreur CORS lors du chargement d'une police personnalisée

**URL:** <https://meta.discourse.org/t/cors-error-when-trying-to-load-custom-font/149302>\
**Category:** Development\
**Created:** [Avril 25, 2020, 11:48 UTC](https://meta.discourse.org/t/cors-error-when-trying-to-load-custom-font/149302 "2020-04-25T23:48:20Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![cjk77](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cjk77/32/151779_2.png) [@cjk77](https://meta.discourse.org/u/cjk77)\
**Post date:** [Avril 25, 2020, 11:48 UTC](https://meta.discourse.org/t/cors-error-when-trying-to-load-custom-font/149302/1 "2020-04-25T23:48:20Z")

</div>

Je tente d’utiliser une police spéciale dans l’un des composants de mon thème. J’ai suivi les instructions de ce post :

> [@Inclure des assets (ex. images, polices) dans les thèmes et composants](https://meta.discourse.org/t/include-images-and-fonts-in-themes-and-components/62459):
>
> Les thèmes et les composants de thème vous permettent de gérer les ressources téléchargées telles que les images et les polices. Vous pouvez contrôler les ressources que votre thème accepte à l’aide du paramètre du site : theme authorized extensions Inclusion de ressources dans les thèmes et les composants Pour les thèmes distants Les thèmes distants incluent : Les thèmes et composants installés à partir de la liste de thèmes Populaires Les thèmes et composants installés en utilisant la métho…

Voici le CSS de mon composant :

```
@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;
}

```

J’ai ajouté mon URL Cloudfront aux paramètres CORS comme ceci :

 ![Image 2020-04-25 at 6.45.23 PM](https://global.discourse-cdn.com/meta/original/3X/4/e/4e6c99e6f934136e0f79d76cc331b49e59a1d3bf.png)

Mais cela ne fonctionne pas — malheureusement, je reçois une erreur « Cross-origin request blocked » dans la console lorsque je charge une page avec ce CSS :

![7d26013f5bcde40cc8778378940e1e53_Image 2020-04-25 at 6.38.04 PM](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/3X/3/7/37c29472a7427c0cb34358f272f6b1f9d2e8f66d_2_690x16.png)

(Désolé pour l’image très petite.) Quelqu’un a-t-il des conseils ? Je suis bloqué.

---

_[View the full topic](https://meta.discourse.org/t/cors-error-when-trying-to-load-custom-font/149302)._