توضیحات

آموزش افزودن فونت دلخواه به قالب وردپرس : شاید برای شما هم پیش آمده باشد که قصد افزودن فونت دلخواه خودتون رو به قالب وردپرسی سایتتون را داشته باشید ولی با مشکلاتی رو به رو شدید  و یا بهر دلیلی نتوانستید این مشکل رو حل کنید. حالا ما در وب بلد قصد داریم این مشکل شما را به بهترین و راحت ترین شیوه ها حل کنیم ، با ما همراه باشید. پیشنهاد میکنیم حتما ویدیوی  آموزشی را مشاهده کنید.

آموزش افزودن فونت دلخواه به قالب وردپرس

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

افزودن فونت های سفارشی در وردپرس با استفاده از CSS

مستقیم ترین روش اضافه کردن قلم های سفارشی در وردپرس ، اضافه کردن قلم ها با استفاده از روش [email protected] در CSS است. این روش به شما امکان می دهد از هر فونت دلخواه خود در وب سایت خود استفاده کنید.

فونت دلخواه در وردپرس

اولین کاری که شما باید انجام دهید این است که قلم مورد نظر خود را با قالب وب بارگذاری کنید. بهترین مکان برای بارگذاری فونت ها ، پوشه جدید “fonts” در قالب اصلی یا قالب فرزند (Child Theme) شما است. برای بارگذاری فونت می توانید از FTP یا File Manager cPanel استفاده کنید. پس از بارگذاری فونت، باید فونت را در فایل Style.css یا در rtl.css (در قالب هایی که ساپورت میشود) خود با استفاده از قانون فونت CSS فراخوانی شود.

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

توجه : ما در تکه کد CSS بالا فونت IRANsans را برای افزودن به قالب انتخاب کردیم و شما میتوانید با تغییر نام و مسیر دهی (src : url) فونت دلخواه دیگری را معرفی کنید.

بعد از معرفی فونت به قالب  با استفاده از کد بالا ، از این پس فونت مد نظر در قالب شما ثبت خواهد شد و فقط از این به بعد نیاز هست که برای تغییر فونت المان مد نظر font-family المان را برابر با فونت ثبت شده قرار دهید. پیشنهاد میکنیم حتما ویدیوی  آموزشی را مشاهده کنید.

آموزش افزودن فونت دلخواه به قالب وردپرس

حالا برای اینکه فونت دلخواه خود را به المان های اصلی معرفی کنیم ، باید تکه کد زیر را نیز در پایین کد بالایی اضافه کنید تا فونت به المان های اصلی قالب نیز اضافه شود.

html,body,h1, h2,h3,h4,h5,h6,span,div,p,main,iframe,footer,
a,small,b,strong,section,article,table,header,q,
blockquote ,ul li , li ,input,button {

font-family: IRANsans !important;
}

توجه : امکان دارد قالب شما المان های دیگری داشته باشد که در کد بالا موجود نباشد ، فقط لازم است که با افزودن , و قرار دادن المان در ادامه کد بالا مشکل را برطرف کنید. همچنین در کد بالا ما از دستور !important استفاده کردیم تا این فونت بر بقیه اولیت داشته باشد.

برای مثال اگر class به اسم test  داشته باشید (“class=”test) و بخواهید به آن فونت دلخواه خود را اضافه کنید تنها لازم است همانند کد زیر عمل کنید و  جای font name فونت مد نظر خود را جایگزین کنید.

.test {
font-family: 'font name';
}

فایل های فونت آپلود شده شما میتوانید با فرمت های ttf  ,svg , otf , eot , woff , woff2 باشد که با توجه به مرورگری که استفاده میکنید میتواند فونت ها را بخوبی نمایش دهد و یا بلعکس. پیشنهاد میکنیم حتما ویدیوی  آموزشی را مشاهده کنید.

در تصویر زیر بخوبی میتوان به انواع فرمت های فونت و دلیل فرق های آنان پی برد

آموزش نحوه افزودن فونت دلخواه به قالب وردپرس | وب بلد | webalad

 

افزودن فونت های سفارشی در وردپرس با استفاده از افزونه

در این بخش قصد معرفی افزونه MW Font Changer را داریم که براحتی میتوانید از بین فونت های معروفی که قصد دارید استفاده کنید ، انتخاب کرده و فونت ها در سایت شما اعمال میشود.

آموزش افزودن فونت دلخواه به قالب وردپرس

این افزونه قابلیت خوبی در تغییر فونت داره و در بین فارسی زبان ها هم میتوان گفت تا حدی شناخته شده حساب میشود.

ویژگی های خوب این افزونه :

راحتی در استفاده

حق انتخاب بالا

برخی از معایب افزونه :

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

استفاده از برخی از فونت های پولی(پیشنهاد میشود در این باره تحقیق کنید.)

فونت هایی که این افزونه تحت پوشش قرار میدهد در زیر بخوبی لیست شده است.

فونت دلخواه در وردپرس
  • B Esfehan
  • B Helal
  • B Homa
  • B Jadid
  • B Koodak
  • B Bardiya
  • B Mahsa
  • B Mehr
  • B Mitra
  • B Nasim
  • B Nazanin
  • B Sina
  • B Titr
  • B Yekan
  • Dast Nevis
  • Droid Arabic Kufi
  • Droid Arabic Naskh
  • Gandom
  • IR Yekan
  • IRANSans
  • IRANYekan
  • IranNastaliq
  • Parastoo
  • Sahel
  • Samim
  • Shabnam
  • Shekasteh
  • Sultan Adan
  • Tanha
  • Vazir
  • XM Yekan
  • Arial
  • Comic Sans MS
  • Tahoma
  • Verdana
آموزش افزودن فونت دلخواه به قالب وردپرس

امیدواریم که وب بلد توانسته باشد کمکی هر چند اندک به شما دوستان عزیز برای چگونگی تغییر فونت قالب وردپرس خودتون کرده باشد. اگر به مشکلی برخوردید یا سوالی داشتید ، در پایین همین صفحه دیدگاه (کامنت) بزارید. پیشنهاد میکنیم حتما ویدیوی  آموزشی را مشاهده کنید.

امیدواریم هر جا که هستید موفق باشید.

آموزش افزودن فونت دلخواه به قالب وردپرس

WEBPOWER.IR

وب بلد

مقالات آموزشی

5/5 ( 1 امتیاز )