Erro de CORS ao tentar carregar fonte personalizada

Dev
1

Estou tentando usar uma fonte especial em um dos componentes do meu tema. Segui as instruções deste post:

Aqui está o CSS do meu 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;
}

Adicionei minha URL do Cloudfront à configuração de CORS da seguinte forma:

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

Mas não funcionou — infelizmente, recebo um erro “Cross-origin request blocked” no console ao carregar uma página com esse CSS:

7d26013f5bcde40cc8778378940e1e53_Image 2020-04-25 at 6.38.04 PM

(Desculpe pela imagem tão pequena.) Alguém tem alguma dica? Estou travado.

3

Você tem DISCOURSE_ENABLE_CORS no seu app.yml, como sugere a descrição?

4

Não tenho certeza — há uma maneira de verificar? (Estou em uma instância hospedada do Discourse, então não consigo acessar os arquivos de configuração diretamente.)

Edição: Enviei um e-mail para nosso provedor de hospedagem para ver se esse é o problema.

5

Atualização: meu provedor de hospedagem confirma que DISCOURSE_ENABLE_CORS está definido como TRUE.

Portanto, ainda estou perplexo.

7

Acabei de testar isso, exatamente como você descreveu, em um site com configuração de CDN e funcionou. Então, acho que isso pode ser limitado ao seu site.

Acho que a configuração DISCOURSE_ENABLE_CORS é o inverso do que você deseja. Adicionar domínios a essa configuração permitirá que solicitações desses domínios acessem seu domínio Discourse, e não o contrário.

O que você deseja é permitir que solicitações do seu domínio Discourse acessem o arquivo no seu CDN. Acredito que seu CDN esteja bloqueando essas solicitações. Você pode confirmar isso executando algo assim em uma janela de terminal, claro, após alterar os valores.

curl -H "origin: SEU_URL_DO_SITIO" -v "CAMINHO_PARA_A_FONT_NO_SEU_CDN"

Se tudo estiver configurado corretamente, você deverá ver algo assim nos cabeçalhos da resposta:

Access-Control-Allow-Origin: *