net::ERR_ABORTED 404 (Not Found) – Error in console

Tags: , , ,



After uploading my wordpress website to live server i am getting error in console about my fonts not found. Due to which mobirise icons are not loaded. enter image description here

Both files are present in that font folder. Please look into the picture. enter image description here

I am importing these fonts with these css code in style.css

@font-face {
  font-family: 'MobiriseIcons';
  src:  url('../fonts/Mobirise.eot?5dqoim');
  src:  url('../fonts/Mobirise.eot?5dqoim#iefix') format('embedded-opentype'),
    url('../fonts/Mobirise.ttf?5dqoim') format('truetype'),
    url('../fonts/Mobirise.woff?5dqoim') format('woff'),
    url('../fonts/Mobirise.svg?5dqoim#MobiriseIcons') format('svg');
  font-weight: normal;
  font-style: normal;
}

Can anyone tell me why i am getting this error. Is this error related to my hosting?

Answer

I found the answer myself.

@font-face {
  font-family: 'MobiriseIcons';
  src:  url('../fonts/Mobirise.eot?5dqoim');
  src:  url('../fonts/Mobirise.eot?5dqoim#iefix') format('embedded-opentype'),
    url('../fonts/Mobirise.ttf?5dqoim') format('truetype'),
    url('../fonts/Mobirise.woff?5dqoim') format('woff'),
    url('../fonts/Mobirise.svg?5dqoim#MobiriseIcons') format('svg');
  font-weight: normal;
  font-style: normal;
}

In above code i am using Mobirise with capital M whereas the file name is with small m which can be seen in above screenshot.



Source: stackoverflow