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, problema resolvido?
Não resolveu? Então temos profissionais prontos para ajudar em qualquer situação.