Skip to content
Log in Sign up

Why Icons on the IDX Broker Pages do not display correctly and how to fix it?

1 minute read

If your icons are not displaying correctly on the IDX Broker page it is usually because of the server settings that block downloading fonts from your website via external server (some hosting may block it e.g. to protect premium fonts). How to fix it? There are 2 ways: (1) change your htaccess or (2) use fonts from our official server

(1) change your htaccess

  1. 1 Please modify .htaccess file in your root server (e.g. via File Manager https://wordpress.org/plugins/wp-file-manager/)
  2. 2 Backup the file
  3. 3 Add this code at the top of a file
html 
<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

4. Save a file

-------------------------------

Alternatively You can link icons from our official server

plain 
@font-face {
font-family: "Flaticon";
src: url("https://myhometheme.net/main/wp-content/themes/myhome/assets/fonts/Flaticon.eot");
src: url("https://myhometheme.net/main/wp-content/themes/myhome/assets/fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
url("https://myhometheme.net/main/wp-content/themes/myhome/assets/fonts/Flaticon.woff") format("woff"),
url("https://myhometheme.net/main/wp-content/themes/myhome/assets/fonts/Flaticon.ttf") format("truetype"),
url("https://myhometheme.net/main/wp-content/themes/myhome/assets/fonts/Flaticon.svg#Flaticon") format("svg");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
  font-family: "Flaticon";
  src: url("https://myhometheme.net/main/wp-content/themes/myhome/assets/fonts/Flaticon.svg#Flaticon") format("svg");
}
}
@font-face{
font-family:FontAwesome;src:url(https://myhometheme.net/main/wp-content/themes/myhome/assets/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(https://myhometheme.net/main/wp-content/themes/myhome/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),
url(https://myhometheme.net/main/wp-content/themes/myhome/assets/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),
url(https://myhometheme.net/main/wp-content/themes/myhome/assets/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),
url(https://myhometheme.net/main/wp-content/themes/myhome/assets/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),
url(https://myhometheme.net/main/wp-content/themes/myhome/assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
}

Ask the people who build MyHome WPBakery

We answer by email from support@tangiblewp.com. With Premium Support, we also fix your site when something breaks.

Send us a message What Premium Support covers 

We can also run your site for you, or build a new one.

Was this guide helpful?