رفتن به مطلب
پشتیبانی سایت ساز IPB/IPS فارسی
خدمات و محتویات منتشر یافته در IPSFarsi

آموزش تغییر فونت قالب در IPS4

پـویـا امیری
 اشتراک گذاری

ارسال‌های توصیه شده

  • این ارسال پرطرفدار است.
پـویـا امیری

پـویـا امیری 464

ارسال شده در
  • این ارسال پرطرفدار است.
ارسال شده در (ویرایش شده)

سلام

 

قالب هایی که برای IPS4 زده می شه معمولا در آن از فونت استاندارد arial استفاده می شه که زیاد برای استفاده در زبان فارسی مناسب نیست.

فونت هایی مثل tahoma و arial رو به صورت پیشفرض تقریبا همه دارند. ولی فونت هایی مثل Homa رو ممکنه خیلی ها نداشته باشند. برای عوض کردن فونت به فونتی مثل Homa شما دو راه دارید.

 

روش اول ) شما باید سه فرمت eof , ttf, woff دانلود کنید. این سه فرمت را در هاست خودتون آپلود می کنید.

اکنون وارد پنل ادمین انجمن بشید و به این مسیر برید:

Admin CP => Customization => Themes => پیدا کردن قالب مورد نظر => Edit HTML & CSS => تب CSS => Custom.css

در اول ادیتور این کد ها را بنویسید:

@font-face {
font-family: 'Homa';
src: url(../fonts/Homa.eot) format('eot'),
url(../fonts/Homa.ttf) format('truetype'),
url(../fonts/Homa.woff) format('woff');
}

در خط دوم اسم فونت را وارد کنید. در سه خط بعد به ترتیب آدرس یا لینک سه فرمت فونت را بدهید.

بعد از کد قبل این کد ها را وارد کنید:

* {
  font-family: "Homa";
}

بیت را ذخیره کنید و کش مرورگرتون رو پاک کنید. حالا اگر انجمنتون رو باز کنید می بینید فونت انجمن تغییر کرده.

 

 

راه دوم) به جای دانلود کردن  و آپلود کردن فونت توسط خودتون می تونید از وب فونت استفاده کنید.

برای فونت های فارسی به این سایت مراجعه کنید:

http://fontonline.ir/

برای فونت های خارجی به این سایت مراجعه کنید:

https://www.google.com/fonts

کار این سایت ها اینه که فونت ها رو در سرور خودشون آپلود می کنند و یک کد آماده را به شما می دهند. ( مشابه CDN های jQuery و Bootstrap )

فونت مد نظر خود را جستجو کنید. یک کد HTML به شما می دهد. برای مثال این کد مربوط به فونت هما هست:

 <link href='http://www.fontonline.ir/css/BHoma.css' rel='stylesheet' type='text/css'>

این کد را در globalTemplate بین تو تگ <head></head> در یک سطر جدا کپی کنید.

اکنون در custom.css این کد را وارد کنید:

* {
  font-family: "BHoma";
}

اگر انجمن خود را دوباره باز کنید می بینید که فونتتون عوض شده.

بدی این روش اینه اگه به هر دلیل سایت مرجع فونت Down بشه فونت انجمنتون می پره. برای اطمینان بیشتر به جای کد قبل از کد زیر استفاده کنید:

* {
  font-family: BHoma, Tahoma, arial;
}

اگر به هر علتی فونت هوما لود نشود به جاش فونت Tahoma لود می شه. اونم اگه لود نشد arial به جاش لود می شه.

 

 

با تشکر

ویرایش شده توسط Pois0nous
  • پسند 9
لینک ارسال
به اشتراک گذاری در سایت های دیگر
  • 2 ماه بعد...
مهدی.ح

مهدی.ح 21

ارسال شده در
ارسال شده در
پـویـا امیری، در تاریخ 18 Jul 2015 - 6:47 عصر گفته است:

سلام

 

قالب هایی که برای IPS4 زده می شه معمولا در آن از فونت استاندارد arial استفاده می شه که زیاد برای استفاده در زبان فارسی مناسب نیست.

فونت هایی مثل tahoma و arial رو به صورت پیشفرض تقریبا همه دارند. ولی فونت هایی مثل Homa رو ممکنه خیلی ها نداشته باشند. برای عوض کردن فونت به فونتی مثل Homa شما دو راه دارید.

 

روش اول ) شما باید سه فرمت eof , ttf, woff دانلود کنید. این سه فرمت را در هاست خودتون آپلود می کنید.

اکنون وارد پنل ادمین انجمن بشید و به این مسیر برید:

Admin CP => Customization => Themes => پیدا کردن قالب مورد نظر => Edit HTML & CSS => تب CSS => Custom.css

در اول ادیتور این کد ها را بنویسید:

@font-face {
font-family: 'Homa';
src: url(../fonts/Homa.eot) format('eot'),
url(../fonts/Homa.ttf) format('truetype'),
url(../fonts/Homa.woff) format('woff');
}

در خط دوم اسم فونت را وارد کنید. در سه خط بعد به ترتیب آدرس یا لینک سه فرمت فونت را بدهید.

بعد از کد قبل این کد ها را وارد کنید:

* {
  font-family: "Homa";
}

بیت را ذخیره کنید و کش مرورگرتون رو پاک کنید. حالا اگر انجمنتون رو باز کنید می بینید فونت انجمن تغییر کرده.

 

 

راه دوم) به جای دانلود کردن  و آپلود کردن فونت توسط خودتون می تونید از وب فونت استفاده کنید.

برای فونت های فارسی به این سایت مراجعه کنید:

http://fontonline.ir/

برای فونت های خارجی به این سایت مراجعه کنید:

https://www.google.com/fonts

کار این سایت ها اینه که فونت ها رو در سرور خودشون آپلود می کنند و یک کد آماده را به شما می دهند. ( مشابه CDN های jQuery و Bootstrap )

فونت مد نظر خود را جستجو کنید. یک کد HTML به شما می دهد. برای مثال این کد مربوط به فونت هما هست:

 <link href='http://www.fontonline.ir/css/BHoma.css' rel='stylesheet' type='text/css'>

این کد را در globalTemplate بین تو تگ <head></head> در یک سطر جدا کپی کنید.

اکنون در custom.css این کد را وارد کنید:

* {
  font-family: "BHoma";
}

اگر انجمن خود را دوباره باز کنید می بینید که فونتتون عوض شده.

بدی این روش اینه اگه به هر دلیل سایت مرجع فونت Down بشه فونت انجمنتون می پره. برای اطمینان بیشتر به جای کد قبل از کد زیر استفاده کنید:

* {
  font-family: BHoma, Tahoma, arial;
}

اگر به هر علتی فونت هوما لود نشود به جاش فونت Tahoma لود می شه. اونم اگه لود نشد arial به جاش لود می شه.

 

 

با تشکر

ببخشید من درست وارد کردم کدهامو؟؟؟؟

post-5057-0-33822800-1443264127_thumb.pn

لینک ارسال
به اشتراک گذاری در سایت های دیگر
  • بنیان گذار IPSFarsi
وحید نامنی

وحید نامنی 12154

ارسال شده در
  • بنیان گذار IPSFarsi
ارسال شده در

ببخشید من درست وارد کردم کدهامو؟؟؟؟

الان انجمن مشکلات برای همین هست دیگه!

اگر مشکلی نسبت به آموزش وارد هست یا نکته ای دارید بیان کنید ولی اینکه برای رفع مشکلتون تاپیک رو شلوغ کنید صحیح نیست!

لطفا من بعد رعایت کنید.

با تشکر

  • پسند 1
لینک ارسال
به اشتراک گذاری در سایت های دیگر
 اشتراک گذاری
رفتن به فهرست موضوع ها

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...