تغییر فونت در IPB نسخه 4.1

MohammadQ · 10/3/16

سلام ، بنده به تازگی انجمن سایتم رو با اسکریپت IPB راه اندازی کردم ، میخواستم بپرسم چجوری میتونم فونت اش رو به ایران سن سریف تغییر بدم،؛ مممنون

Obka · 10/3/16

سلام و درود

ایا شما لایسنس این فونت رو خریداری کردید ؟

اگر بله بفرمایین بنده توضیح بدم خدمتتون

MohammadQ · 10/3/16

بلی عزیزم، اما کامل توضیح بدید، توضیح زیر رو دارم

@font-face{
font-family:'irsans';
src:url('THEFONTURL');
}
body{
font-family:'irsans',Arial!important;
}

کد بالا را درون فایل custom.css قرار بدید و به جای THEFONTURL آدرس را قرار دهید

Obka · 10/3/16

بسیار خب پس دقت کنید به مراحل :

1.تمامی فرمت های مختلف فونت ایران سنس رو داخل یک فولدر در محلی از قالبتون در هاست اپلود کنید : مثال : sitename/yourtheme/fonts/

2. برای فراخوانی فونت های باید کد های ذیل رو در css خودتون قرار بدید :

@font-face {
font-family: 'obka'; /*نام فونتی که در قالب میخوایین فراخوانی کنید*/
src:url('obka.eot?u6uinv'); /*مسیر دهی فونت */
src:url('obka.eot?#iefixu6uinv') format('embedded-opentype'), /*مسیر دهی فونت */
url('obka.woff?u6uinv') format('woff'), /*مسیر دهی فونت */
url('obka.ttf?u6uinv') format('truetype'), /*مسیر دهی فونت */
/*فرمت های دیگر فونت را می توانید اینجا مثل بالا وارد کنید */
font-variant: normal;
font-weight: normal;
font-style: normal;
}

3.بعد از انجام مراحل فوق الذکر ، به ادرس ذیل از پنل ipb برین :

کد:

Look &amp; Feel  &gt;  Manage Skin Sets &amp; Templates  &gt;  Manage Skin Sets

بعد از انتخاب قالبتون ، وارد قسمت Manage Templates & CSS بشین .

4.در قسمت بعد روی تب css کلیک کنید و قسمت ipb_styles.css انتخاب کنید حال دنبال کدهای مشابه ذیل بگردید :

font: normal 13px arial, verdana;

برای مثال میتونید به حالت زیر ( نام فونتی که معرفی کردید در css ) وارد کنید در مثال ما به این صورت خواهد بود :

font: normal 13px obka, verdana,

5. برای قسمت های مختلف مانند ipb_print.css و ipb_editor.css و .... می تونید مثل بالا عمل کنید .

پیشنهاد : میتونید موراد بالا رو مستقیم روی استایل css قالبتون هم اعمال کنید .

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

در صورت وجود هرگونه سوال ، از پرسش تردید نفرمایین .

موفق باشید

MohammadQ · 10/3/16

دوست عزیز به جای مراحل بالا فقط کد زیر رو جایگزین کردم در Custom.css و حل شد!

البته از شما ممنونم

کد:

@font-face{
font-family:'IRANSansWeb';
src:url('http://irancef.com/fonts/IRANSansWeb.ttf');
src:url('http://irancef.com/fonts/IRANSansWeb.eot');
src:url('http://irancef.com/fonts/IRANSansWeb.woff');  
src:url('http://irancef.com/fonts/IRANSansWeb.woff2');
}
body{
font-family:'IRANSansWeb',Arial!important;
}

Obka · 10/3/16

بنده حالت کلی رو خدمت شما گفتم ، شما با اضافه کردن حالت font body کل فونت هاتون رو میتونید تغییر بدید ولی شما فرمودین کامل ، بنده هم کامل توضیح دادم .

موفق باشید

poiut · 29/5/21