عدم نمایش فونت آیکون های وب

[miladvajedi]

سلام خدمت همه دوستان
بنده چند وقت پیش یه تم طراحی کردم که از فونت آیکون های icomoon داخلش استفاده بکار بردم
الان ایکون هاش به شکل مربعی نمایش میده
کسی میدونه این مشکل بر چ اساس به وجود میاد تا جایی که اطلاع دارم این فونت در بسیاری از وب های فارسی هم استفاده شده طوری که حتی برای محکم کاری از یکی از وب ها هم گرفتم اما باز هم مشکل وجود داشت

پ.ن : موقعی که font family به منبع ویندوزی فونتوصل میکنم (همون فرمت ttf) فونت آیکون ها بدون هیچ مشکلی نمایش داده میشه اما وقتی که به فونت های کنار پوسته وصلش میکنم باز مشکل به وجود میاد.

 

[mahdi.b20]

کد های استفاده شده؟
آموزش استفاده از فونت

 

[miladvajedi]

سلام
نمونه از کد ها :

@font-face {
    font-family: 'icofont';
    src: url('fonts/icofont.eot?1dhzn');
    src: url('fonts/icofont.eot?#iefix1dhzn') format("embedded-opentype"),url('fonts/icofont.woff?1dhzn') format("woff"),url('fonts/icofont.ttf?1dhzn') format("truetype");
    font-weight: 400;
    font-style: normal;
}





[class^="icon-"], [class*=" icon-"] {
    font-family: 'icofont';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

.icon-search:after {
    content: "\e986";
    color: #fff;
    font-size: 20px;
}

.icon-home:before {
    content: "\e901";
    color: #fff;
}

 

[mohsenmusic]

بنده مشکل مشابه با بوت استرپ داشتم و از این قرار بود که:
فونتهای بوت استرپ در پوشه
fonts قرا داشت و من اونها رو با فونت های دیگه در پوشه
Fonts با F بزرگ قرار داده بودم که روی لوکال کار میکرد و در هاست کار نمیکرد با تغییر نام از بزرگ به کوچک مشکلم حل شد.

 

[miladvajedi]

سلام
ممنون از پاسخ دوستان
پوشه فونت هم با نام کوچک نوشته ام! باز مشکل برطرف نشده است و از تمام آیکون های استفاده شده در پوسته طراحی شده فقط یکی نمایش داده میشود!!!

 

[Dr.Cnet]

این چیه؟
fonts/icofont.eot?1dhzn
باید اینطوری بذارید:

@font-face {
    font-family: icofont;
        src: url("../fonts/icofont.ttf");
    }

بعد فونتی رو که داخل پوشه font گذاشتید رو کانورت کنید https://onlinefontconverter.com و بعد فونت های تبدیل شده رو بریزید داخل پوشه font

 

[sd0yp]

دوست عزیز fonts/icofont.eot?1dhzn این مشکلی ایجاد نمیکنه
ممکنه فایل فونت درست نباشه منظورم داخل خود سایت ادرس دهی نشده باشه

 

[P-khakestari]

لطفا لینک وب سایتتون رو قرار دهید تا بررسی بشه.