Hay algunos escenarios en los que es posible que los iconos de Font Awesome o las fuentes personalizadas no aparezcan o se vean unos cuadros.
Veamos una de las soluciones mas comunes.
Fuentes alojadas en diferentes dominios
Todos los navegadores requieren que las fuentes se hospeden en el mismo dominio (y un subdominio se considera un nombre de dominio independiente). Si sus iconos de AwesomeFonts o fuentes personalizadas no aparecen en un determinado navegador (principalmente Firefox o IE, Edge), entonces usted tiene dos soluciones para el problema.
1. Hospede la fuente en el mismo dominio que el dominio al que se accede al sitio web.
2. Cree o edite el archivo .htaccess en la carpeta raíz del mismo dominio donde se alojan las fuentes y agregue el siguiente código:
# Apache config <FilesMatch ".(eot|ttf|otf|woff)"> Header set Access-Control-Allow-Origin "*" </FilesMatch>
Al hacer esto se corrige el problema que muestra cuadros en vez de iconos en algunos temas de WordPress.
