WordPress após migração os ícones não aparecem

Algumas vezes, depois após fazer a migração do site para outro servidor ou mesmo pasta raiz, o site pode apresentar alguns erros como, os ícones não abrem.

Ícones WordPress parecendo apenas retângulo em seu lugar.

Isso parecia ser que a URL das fontes: eot|ttf|otf|woff|woff2 não são encontradas. Mas não era.

Só então depois de muito procurar, achei uma simples solução usando o arquivo htaccess.

Bastando inserir poucas linhas de código


<FilesMatch ".(eot|ttf|otf|woff|woff2)">
  Header set Access-Control-Allow-Origin "*"
</FilesMatch>

Esse problema pode ser causado tanto por URLs quebradas ou bloqueio do próprio servidor. No meu caso foi bloqueio do servidor e foi resolvido com o código a cima.

Permite acesso ao pacote Font Awesome

Outros casos semelhantes foram resolvidos inserindo mais algumas linhas no código

# ----------------------------------------------------------------------
# Webfont access
# ----------------------------------------------------------------------

# allow access from all domains for webfonts
# alternatively you could only whitelist
#   your subdomains like "sub.domain.com"

<FilesMatch "\.(ttf|otf|eot|woff|font.css)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

# webfont mime types
AddType application/vnd.ms-fontobject  eot
AddType font/truetype                  ttf
AddType font/opentype                  otf
AddType application/x-font-woff              woff

# webfonts and svg:
<IfModule mod_deflate.c>
  <FilesMatch "\.(ttf|otf|eot|svg)$" >
    SetOutputFilter DEFLATE
  </FilesMatch>
</IfModule>

Pronto, problemas resolvido?

Não resolveu? Então temos profissionais prontos para ajudar em qualquer situação.

LEAVE A COMMENT