Ana içeriğe atla

Kayıtlar

Haziran, 2021 tarihine ait yayınlar gösteriliyor

Fix: Font Awesome icons not displaying (only displaying as squares) in Google Chrome and Firefox

This issues has to do with Font Awesome icons showing up as squares in Firefox or Google Chrome browser. It looks something like this:font-awesome-malfunction When it should look like:font-awesome-malfunction-fixed There can be many possible causes of this issue, and surely I will not cover them all.  I will cover two solutions that have helped many people address this issue.  The two potential solutions are separated below: Adding Access-Control-Allow-Origin headers to .htaccess: Firefox and now Google Chrome have  same-origin policy restrictions .  Cross-Origin Resource Sharing (CORS) allows your websites server to retrieve fonts and information from the server those fonts may be hosted on. What this means for  Font  Awesome , is if you are using a CDN or separate subdomain to host your font files or Nginx/Apache servers, you will need to specify an   Access-Control-Allow-Origin   header to get the fonts to display properly.  If using Google Chrome and you right click > Inspect El