فونت مخصوص سایت

[imansham 0]

سلام. من یک قالب خارجی دارم اما قابلیت rtl داره و خیلی تمیز راستچین میکنه.

اما میخوام یک فونت دلخواه بهش اضافه کنم . چجوری اینکارو بکنم ؟

 

توی فونت های پیش فرض خودش مال گوگل هست google font .

بعد آپشنی توش ندیدم که بشه یک فونت بهش اضافه کرد.

 

لطفا راهنماییم کنید که چجوری یک فونت دلخواه برای سایتم بزارم که توی همه مرورگرها درست کار کنه ؟ مثلا فونت yekan یا فونت homa و ...

 

باتشکر

[alikarimi8 23]

سلام.بعد از دانلود فونت مورد نظرتون (در این مثال یکان)اون رو در پوشه فونت قالبتون کپی کنید وسپس دربالای فایل css قالب

کد زیررا اضافه نمایید...

@font-face {
    font-family: 'yekan’;
    src: url('fonts/yekan.ttf') format('truetype'); 
}

البته جهت نمایش صحیح در تمامی مرورگرها مانند ie باید فونت هارو با فرمت eot  و مرورگرهای جدیدتر woff هم قرار بدید که کدهای زیر هم به کد بالا اافه خواهند شد:

@font-face {

    font-family: 'yekan’;
    src:url('fonts/yekan.eot?#’) format(‘eot’),    
          url('fonts/yekan.woff') format('woff'),
          url(‘fonts/yekan.ttf’) format(‘truetype’); 
}

[imansham 0]

 

سلام.بعد از دانلود فونت مورد نظرتون (در این مثال یکان)اون رو در پوشه فونت قالبتون کپی کنید وسپس دربالای فایل css قالب

کد زیررا اضافه نمایید...

@font-face {

    font-family: 'yekan’;

    src: url('fonts/yekan.ttf') format('truetype'); 

}

البته جهت نمایش صحیح در تمامی مرورگرها مانند ie باید فونت هارو با فرمت eot  و مرورگرهای جدیدتر woff هم قرار بدید که کدهای زیر هم به کد بالا اافه خواهند شد:

@font-face {

    font-family: 'yekan’;

    src:url('fonts/yekan.eot?#’) format(‘eot’),    

          url('fonts/yekan.woff') format('woff'),

          url(‘fonts/yekan.ttf’) format(‘truetype’); 

}

 

 

خوب بعدش اگه من اینکار بکنم برای هر قالبی جواب میده ؟

[ghadirkiani 214]

سلام

بله در همه قالب ها جواب میده

[imansham 0]

سلام . من اینکارو کردم . اما فونتم تغییر نکرد !

[mahdi m 509]

ببینید این مشکل ممکنه ناشی از چندین مشکل باشه:

- css قالب اون چیزی نباشه که بهش فونت اعمال کردید.

- نحوه آدرس دهی به فونت هاتون اشتباه باشه.

- قالبتون فریم ورک داشته باشه یا این که فایل هاتون کش بشه

 و ... .

اگه آدرس سایت رو قرار بدید بهتر میشه بهتون کمک کرد

[imansham 0]

www.nhbpars.com این آدرس سایته

[mahdi m 509]

دستور زیر را در فایل bootstrap.min.css قرار بدید.

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

.myfont{font-family:Bhoma, Tatahoma, Geneva, sans-serif;

ویرایش شده آبان 93 توسط مهدی منتظری