آموزش کامل اضافه کردن فونت فارسی به وردپرس (قدمبهقدم 2025)

اضافه کردن فونت فارسی به وردپرس یکی از بهترین روشها برای زیباتر کردن سایت و بهبود تجربه کاربری است. در این مقاله از شارکت، به شما آموزش میدهیم که چگونه بهسادگی فونتهای فارسی مانند ایران سنس، بی یکان، یا وزیر را به قالب وردپرسی خود اضافه کنید. این آموزش برای مبتدیان و حرفهایها طراحی شده و شامل روشهای مختلف (پنل قالب، افزونه، و کدنویسی دستی) است.
چرا این آموزش؟ با این راهنمای جامع، میتوانید در کمتر از 10 دقیقه فونت فارسی به وردپرس اضافه کنید و ظاهر سایت خود را حرفهایتر کنید!
چرا اضافه کردن فونت فارسی به وردپرس مهم است؟
بیشتر قالبهای وردپرسی از مخزن وردپرس یا تم فارست فونتهای پیشفرض لاتین مانند Tahoma یا Times New Roman دارند که برای کاربران فارسیزبان مناسب نیستند. استفاده از فونتهای فارسی مزایای زیر را دارد:
- بهبود تجربه کاربری: فونتهای فارسی خوانایی بهتری ارائه میدهند و ظاهر سایت را حرفهایتر میکنند.
- تأثیر بر سئو: فونت مناسب میتواند زمان ماندگاری کاربران (Dwell Time) را افزایش دهد، که سیگنال مثبتی برای گوگل است.
- تطابق فرهنگی: فونتهای فارسی با نیازها و فرهنگ مخاطبان ایرانی هماهنگی دارند.در این آموزش، مراحل افزودن فونت فارسی به وردپرس را با جزئیات توضیح میدهیم.
مرحله 1: انتخاب فونت فارسی مناسب
قبل از هر چیز، باید یک فونت فارسی مناسب انتخاب کنید. برخی از فونتهای محبوب فارسی عبارتاند از:
- ایران سنس (Iran Sans): سبک، مدرن و مناسب برای وب.
- بی یکان (B Yekan): خوانا و مناسب برای متنهای طولانی.
- نازنین (Nazanin): کلاسیک و مناسب برای سایتهای رسمی.
- وزیر (Vazir): سبک و بهینه برای وب.
نکات مهم برای انتخاب فونت:
- پشتیبانی توسط مرورگرها: مطمئن شوید فونت در فرمتهای وب (woff، woff2) موجود است.
- وزنهای مختلف: فونتهایی با وزنهای مختلف (Light، Regular، Bold) انتخاب کنید تا انعطافپذیری بیشتری داشته باشید.
- رایگان یا پولی: فونتهای رایگان مثل وزیر در فونتایران یا گوگل فونتس در دسترس هستند.
مرحله 2: آمادهسازی فونت برای استفاده در وب
برای استفاده از فونت در وردپرس، باید فایلهای فونت را در فرمتهای استاندارد وب آماده کنید:
- TTF (TrueType Font): فرمت پایه فونت.
- EOT (Embedded OpenType): برای پشتیبانی در مرورگرهای قدیمیتر.
- WOFF/WOFF2 (Web Open Font Format): فرمتهای بهینه برای وب.
چگونه فرمت فونت را تبدیل کنیم؟
اگر فونت شما فقط در فرمت TTF است، از ابزارهای آنلاین مثل Transfonter.org یا FontSquirrel Webfont Generator برای تبدیل به WOFF، WOFF2، و EOT استفاده کنید:
- فایل TTF را در ابزار آپلود کنید.
- فرمتهای موردنظر (woff، woff2، eot) را انتخاب کنید.
- فایلهای تبدیلشده را دانلود کنید.
مرحله 3: روش های اضافه کردن فونت فارسی به وردپرس
برای اضافه کردن فونت فارسی به قالب وردپرس، میتوانید از یکی از روشهای زیر استفاده کنید:
روش 1: استفاده از پنل تنظیمات قالب
بسیاری از قالبهای حرفهای وردپرس (مثل Astra، OceanWP، یا قالبهای تم فارست) گزینهای برای تغییر فونت در بخش تایپوگرافی دارند.
- به پیشخوان وردپرس > نمایش > سفارشیسازی بروید.
- بخش تایپوگرافی یا فونتها را پیدا کنید.
- فایل فونت (woff/woff2) را آپلود کنید (اگر قالب این امکان را دارد).
- فونت را برای بخشهای مختلف (عنوان، متن بدنه، منوها) اعمال کنید.
- تغییرات را ذخیره کنید.
نکته: اگر قالب شما این گزینه را ندارد، از روشهای بعدی استفاده کنید.
روش 2: استفاده از افزونههای وردپرس
افزونههایی مثل Custom Fonts یا Use Any Font به شما امکان میدهند فونتهای سفارشی را بهراحتی اضافه کنید:
- افزونه Custom Fonts را از مخزن وردپرس نصب و فعال کنید.
- به بخش تنظیمات > Custom Fonts بروید.
- فایلهای فونت (woff، woff2، ttf) را آپلود کنید.
- فونت را به بخشهای موردنظر (مثل بدنه یا سربرگ) اختصاص دهید.
- تغییرات را ذخیره کنید و سایت را بررسی کنید.
مزیت افزونه: این روش نیازی به کدنویسی ندارد و برای مبتدیان مناسب است.
روش 3: اضافه کردن فونت فارسی به وردپرس به صورت دستی (کدنویسی)
اگر قالب شما امکان آپلود فونت ندارد یا میخواهید کنترل بیشتری داشته باشید، فونت را بهصورت دستی به قالب اضافه کنید:
قدم 1: آپلود فایلهای فونت
فایلهای فونت (ttf، eot، woff، woff2) را در پوشهای به نام fonts در پوشه قالب خود (مثل /wp-content/themes/your-theme/fonts/) آپلود کنید.
از طریق File Manager هاست یا FTP این کار را انجام دهید.
قدم 2: اضافه کردن کد CSS
فایل style.css قالب خود را باز کنید (از طریق نمایش > ویرایشگر قالب یا FTP).
کد زیر را در انتهای فایل اضافه کنید و نام فونت و مسیر فایلها را جایگزین کنید:
@font-face{ font-display:swap;
font-family: 'IranSans';
src: url('fonts/iransans.eot') format('eot'),
url('fonts/iransans.woff2') format('woff2'),
url('fonts/iransans.woff') format('woff'),
url('fonts/iransans.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
body, h1, h2, h3, h4, h5, h6, p, a {
font-family: 'IranSans', sans-serif;
}
قدم 3: بررسی تغییرات
- فایل را ذخیره کنید.
- کش سایت را پاک کنید (با افزونهای مثل WP Rocket یا از مرورگر با Ctrl + Shift + F5).
- سایت را بررسی کنید تا مطمئن شوید فونت اعمال شده است.
نکته: برای پشتیبانی بهتر، میتوانید وزنهای مختلف فونت (مثل Bold یا Light) را هم تعریف کنید.
مرحله 4: بهینهسازی فونت برای سرعت سایت
فونتهای وب میتوانند سرعت بارگذاری سایت را کاهش دهند. برای بهینهسازی:
- استفاده از WOFF2: این فرمت سبکتر است و سرعت بارگذاری را بهبود میدهد.
- فشردهسازی: از ابزارهایی مثل FontSquirrel برای کاهش حجم فایلهای فونت استفاده کنید.
- بارگذاری محلی: به جای استفاده از CDN، فونتها را روی سرور خود میزبانی کنید تا درخواستهای خارجی کاهش یابد.
مرحله 5: تست و رفع اشکال
- بررسی در مرورگرها: سایت را در مرورگرهای مختلف (کروم، فایرفاکس، سافاری) تست کنید.
- ریسپانسیو بودن: مطمئن شوید فونت در دستگاههای موبایل و تبلت درست نمایش داده میشود.
- ابزارهای توسعهدهنده: از ابزار Inspect مرورگر (F12) برای بررسی اعمال فونت استفاده کنید.
نکات پیشرفته برای اضافه کردن فونت فارسی به وردپرس
استفاده از Google Fonts برای فونتهای فارسی: برخی فونتهای فارسی مثل وزیر در گوگل فونتس موجود هستند. میتوانید از لینک زیر استفاده کنید:
<link href="https://fonts.googleapis.com/css2?family=Vazir&display=swap" rel="stylesheet">
سپس در CSS:
body {
font-family: 'Vazir', sans-serif;
}- افزودن فونت فارسی به المنتور: اگر از المنتور استفاده میکنید، فونت را از طریق المنتور > فونتهای سفارشی اضافه کنید.
- پشتیبانی از وزنهای مختلف: برای هر وزن فونت (مثل Bold) یک @font-face جدا تعریف کنید.
سوالات متداول در مورد اضافه کردن فونت فارسی به وردپرس
آیا میتوانم از فونتهای پولی استفاده کنم؟
چرا فونت من در برخی مرورگرها نمایش داده نمیشود؟
چگونه سرعت بارگذاری فونت را بهبود دهم؟
جمعبندی
اضافه کردن فونت فارسی به وردپرس میتواند ظاهر سایت شما را حرفهایتر کند و تجربه کاربری را بهبود دهد. با استفاده از روشهای بالا (پنل قالب، افزونه، یا کدنویسی)، میتوانید بهراحتی فونت دلخواه خود را اعمال کنید.
قوانین ثبت دیدگاه