درخواست راهنمایی در خصوص لود فایلهای css

من با استفاده از virtualhost یه فروشگاه ساده طراحی کردم که همه چیزش درست کار میکنه. اما وقتی به حالت mvc تبدیلش میکنم فونتها و فونت آیکونها کار نمیکنن (مابقی فایلهای css و js همشون کار میکنن، حتی همون فایل css که فونت یکان رو توش تعریف کردم همه چیزش درست کار میکنه بجز فونت).مثلا برای فونت آیکونها بجای نمایش آیکون موردنظر یه مربع کوچیک نمایش داده میشه که اسم اون آیکون توش نوشته شده.

@font-face {
  font-family: 'icomoon';
  src: url('../font/icomoon.eot?6iee6e');
  src: url('../font/icomoon.eot?6iee6e#iefix') format('embedded-opentype'), url('../font/icomoon.ttf?6iee6e') format('truetype'), url('../font/icomoon.woff?6iee6e') format('woff'), url('../font/icomoon.svg?6iee6e#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="ic-"],
[class*=" ic-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ic-home:before {
  content: "\e900";
}
.ic-home2:before {
  content: "\e901";
}
.ic-home3:before {
  content: "\e902";
}

مثلا اگه به یه تگ span کلاس ic-home رو داده باشم، توی اون span داخل یه مربع مینویسه e900

خواهشا تا دیوانه نشدم راهنمایی کنید.