مشکل با فونت در رزولوشن های مختلف

[sarj 31]

با عرض سلام خدمت کلیه دوستان عزیز

بنده فونت ها رو بصورت کاملا اصلاح شده در وب سایت قراردادم و استفاده میکنم:

@font-face
{
 font-family:'HJ';
src: url('../fonts/BHoma.eot?#') format('eot'),  /* IE6–8 */
    url('../fonts/BHoma.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/BHoma.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

الان مشکلی که دارم در رزولوشن های متفاوت فونت ها رو بصورت صحیح نمایش نمیده؛آدرس وب سایت بنده:

کارشناسان طراحی وب ایران

جهت تست از لینک زیر استفاده کنید:

Screenfly / Test Your Website at Different Screen Resolutions

[Mahboobe.Maleki 53]

اینو ببینید:

Solving the Problem of @font-face Inside Media Queries | Flippin' Awesome

[Mahboobe.Maleki 53]

اینو ببینید:

Solving the Problem of @font-face Inside Media Queries | Flippin' Awesome

[sarj 31]

ممنونم اما چیزی متوجه نشدم یعنی یکسری کارها رو انجام دادم اما باز جواب نداد:

@font-face
{
 font-family:'HJ';
src:url('../fonts/BHOMA.eot?#') format('eot');  /* IE6–8 */
src:url('../fonts/BHOMA.eot?#iefix') format("embedded-opentype"), 
   url('../fonts/BHOMA.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
   url('../fonts/BHOMA.ttf') format('truetype'),  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
url("fonts/BHOMA.svg#OctinSports") format("svg");
}

[sarj 31]

بیا بالا...!!!

[Vahid Taheri 74]

کد @font-face شما توی سیستم من که اجرا نمیشه.

احتمالا جایی که کدهای @font-face رو گذاشتین مناسب نیست

چون font-face های دیگرو میاره ولی اینو نمیاره

[sarj 31]

کد @font-face شما توی سیستم من که اجرا نمیشه.

احتمالا جایی که کدهای @font-face رو گذاشتین مناسب نیست

چون font-face های دیگرو میاره ولی اینو نمیاره

قالب مورد استفاده از فریم ورک bootstrap استفاده میکنه و بنده @font-face رو توی فایل Style.css قرار دادم!

[Vahid Taheri 74]

درسته

الان با فایرباگ چک کردم درست تعریف شده

فقط کافیه کد font-family:HJ; رو برای تگ body در فایل http://iwdm.ir/assets/css/style.css خط 47 قرار بدین

[ابوالفضل طالبی 280]

ضمنا هرجایی هم که فونت را استفاده کردید به این شکل استفاده کنید:

font-family:HJ !important;