رفتن به مطلب

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


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

  • 2 ماه بعد...
پـویـا امیری، در تاریخ 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

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

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

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

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

با تشکر

  • پسند 1
لینک ارسال
به اشتراک گذاری در سایت های دیگر

 اشتراک گذاری

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

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

اطلاعات مهم

ما مجبور شدیم تا از کوکی ها و فناوری های مشابه برای اجرای این وب سایت استفاده کنیم تا بتوانیم تجربه بهتری در زمان استفاده از سایت برای شما ایجاد نماییم. سیاست حریم خصوصی.