آموزش جامع اضافه کردن فونت فارسی به وردپرس و اعمال آن

1. چرا باید فونت فارسی سفارشی در وردپرس اضافه کنیم؟

استفاده از یک فونت فارسی مناسب در طراحی سایت، تأثیر زیادی در تجربه کاربری دارد. برخی از مزایای استفاده از فونت سفارشی فارسی شامل موارد زیر است:

✔ افزایش خوانایی و جذابیت سایت برای کاربران فارسی‌زبان
✔ برندسازی و ایجاد هویت بصری منحصربه‌فرد
✔ هماهنگی بیشتر فونت با طراحی کلی سایت
✔ افزایش نرخ ماندگاری کاربران در سایت

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

2.1 استفاده از فونت‌های گوگل برای فارسی

Google Fonts شامل چندین فونت فارسی مانند “Vazirmatn”، “Lalezar”، “Sahel” و “Lateef” است.

مراحل اضافه کردن فونت گوگل فارسی به وردپرس:

1. به سایت Google Fonts بروید.
2. فونت فارسی مورد نظر را جستجو و انتخاب کنید.
3. روی “Select this style” کلیک کنید و کد مربوطه را کپی کنید.
4. کد را در فایل header.php یا functions.php اضافه کنید:

 

 

 

<link href=”https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap” rel=”stylesheet”>

5.فونت را در فایل CSS قالب اعمال کنید:

 

body {
font-family: ‘Vazirmatn’, sans-serif;

}

مزایا و معایب استفاده از Google Fonts

✅ دسترسی آسان و رایگان
✅ سبک و بهینه
❌ ممکن است سرعت سایت کاهش یابد (چون از سرورهای گوگل بارگذاری می‌شود)

2.2 آپلود و افزودن فونت فارسی سفارشی

اگر می‌خواهید یک فونت فارسی دلخواه (مثل ایران سنس، وزیر، یکان، شبنم و …) را در سایت خود استفاده کنید، باید آن را به‌صورت دستی آپلود کنید.

مراحل آپلود و اعمال فونت فارسی در وردپرس:

1. دانلود فونت فارسی:
   • می‌توانید از سایت‌هایی مانند فونت‌ایران یا فانت‌فا فونت موردنظر را دریافت کنید.
2. آپلود فونت در پوشه قالب:
   • به مسیر زیر در هاست خود بروید:

wp-content/themes/your-theme/fonts/

• • فونت‌ها را در این پوشه آپلود کنید (فرمت‌های woff2 و woff را ترجیح دهید).
• اضافه کردن کد CSS برای فونت سفارشی:

@font-face {
font-family: ‘IranSans’;
src: url(‘fonts/IranSans.woff2’) format(‘woff2’),
url(‘fonts/IranSans.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}

body {
font-family: ‘IranSans’, sans-serif;
}

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

✅ عدم نیاز به سرور خارجی (بهبود سرعت)
✅ کنترل کامل بر فونت
❌ نیاز به فضای ذخیره‌سازی در هاست

2.3 استفاده از افزونه برای اضافه کردن فونت فارسی

اگر می‌خواهید بدون کدنویسی فونت فارسی به وردپرس اضافه کنید، استفاده از افزونه روش مناسبی است. برخی از بهترین افزونه‌ها:

1. افزونه Custom Fonts

• دانلود و نصب از مخزن وردپرس
• آپلود فونت‌های سفارشی از پیشخوان وردپرس
• اعمال فونت روی قالب از طریق تنظیمات سفارشی‌سازی

2. افزونه Use Any Font

• پشتیبانی از آپلود و استفاده از هر نوع فونت
• ساده و کاربرپسند
• امکان استفاده در قالب و صفحه‌سازهایی مثل المنتور

2.4 افزودن فونت فارسی با CSS (بدون نیاز به آپلود)

می‌توانید فونت‌های فارسی را از CDN لود کنید. به‌عنوان مثال:

@import url(‘https://cdn.fontiran.com/css/Vazir.css’);

body {
font-family: ‘Vazir’, sans-serif;
}

✅ مناسب برای کسانی که هاست ضعیفی دارند
❌ در صورت عدم دسترسی به اینترنت، فونت لود نمی‌شود

3. نحوه اعمال فونت فارسی روی قالب و نوشته‌ها

اعمال فونت فارسی روی کل سایت:

body {
font-family: ‘IranSans’, sans-serif;
}

اعمال فونت فقط روی بخش خاصی (مثلاً عناوین):

h1, h2, h3 {
font-family: ‘Lalezar’, cursive;
}

اعمال فونت روی دکمه‌ها و منوها:

button, .menu {
font-family: ‘Sahel’, sans-serif;
}

4. بهینه‌سازی فونت برای افزایش سرعت سایت

برای جلوگیری از کاهش سرعت سایت، این نکات را رعایت کنید:
✔ از فرمت‌های woff2 و woff استفاده کنید.
✔ از بارگذاری فونت‌های اضافی خودداری کنید.
✔ در صورت امکان، فونت را از هاست داخلی لود کنید.
✔ از قابلیت Preload در HTML استفاده کنید:

<link rel=”preload” href=”fonts/IranSans.woff2″ as=”font” type=”font/woff2″ crossorigin=”anonymous”>

سخن پایانی

✅ فونت فارسی مناسب نقش مهمی در خوانایی و جذابیت سایت دارد.
✅ می‌توان از فونت‌های گوگل، فونت‌های سفارشی، افزونه‌ها یا CSS برای اضافه کردن فونت فارسی استفاده کرد.
✅ برای افزایش سرعت سایت، بهتر است فونت‌ها را در هاست داخلی ذخیره کنید و از فرمت‌های فشرده مانند woff2 استفاده کنید.

با این روش‌ها می‌توانید فونت فارسی دلخواه خود را به سایت وردپرسی اضافه کنید و تجربه کاربری بهتری ارائه دهید.