افزودن فونت فارسی به قالب آسترا

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

ویدیو افزودن فونت فارسی به قالب


نکته: در این آموزش فونت فارسی به قالب فرزند اضافه میشود تا در هنگام بروز رسانی قالب اصلی فونت های افزوده شده حذف نشوند.

از کجا فونت مناسب تهیه کنیم؟

آیا میتوان از هر فونت فارسی در سایت استفاده نمود؟ خیر، شما نمیتوانید از فونت های فارسی B Yekan و B Titr و Nazanin و … که در کامپیوتر خود نصب دارید برای صفحات وب استفاده کنید چراکه این فونت ها برای وب بهینه نشده اند و جدا از حجم بالای آنها بدرستی هم نمایش داده نمیشوند.

بهترین منبعی که میتوانید برای پیدا کردن فونت های فارسی سراغ آن بروید سایت فونت ایران است. از بین دهها و یا صدها فونت فارسی که در این سایت وجود دارد به شخصه فقط از فونت های IranSans و IranYekan و IranSansDastnevis برای پروژه های خود استفاده میکنم.

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

نکته: فونت ها فارسی به صورت رایگان ارائه نمیشوند و برای استفاده از آنها حتما باید فونت مد نظر خود را خریداری کرده و لایسنس آنرا در سایت فونت ایران ثبت کنید.

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

بعد از خرید فونت باید آنرا به قالب وردپرس اضافه کنید. برای این منظور ابتدا فایل دانلود شده را از حالت zip خارج کرده و وارد پوشه WebFonts شوید.

در پوشه Webfonts دو پوشه با نامهای fonts و css وجود دارد، پوشه fonts را در پوشه تم فرزند کپی کنید. برای مثال به تصویر زیر توجه کنید:

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

اگر سایت شما فعال است و توسط یک هاست میزبانی میشود ابتدا از محتوای درون پوشه fonts یک فایل آرشیو (zip) تهیه کرده و آنرا در پوشه child قالب خود بارگذاری کنید. بعد از اتمام فرایند بارگذاری فایل را حالت zip خارج کنید.

ابزارهای بارگذاری (Upload) و استخراج فایل فشرده (Extract) در برنامه فایل منیجر هاست وجود دارد.

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

بعد از افزودن پوشه فونت به قالب فرزند، باید فونت های اضافه شده را به قالب معرفی کنید. برای معرفی فونت های افزوده شده به قالب آسترا، ابتدا وارد پوشه css در پوشه WebFonts شوید و فایل fontiran.css را با برنامه Visual Studio Code باز کنید.

در کدهای که آدرس فایل فونت معرفی شده است مقدار ../ را از همه خطوط حذف کنید. برای این منظور در برنامه Visual Studio Code کلید های Ctrl+F را نگه داشته و مقدار ../fonts را در کادر جستجوی باز شده وارد کنید.

سپس روی آیکون سمت چپ جستجو کلیک کرده و فقط کلمه fonts را کادر replace بنویسید. در نهایت روی آیکون Replace All کلیک کنید تا کلیه کدها به صورت یکجا باهم تغییر کنند.

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

بعد از تغییر کلیه کدها، از خطی که کد @font-face شروع میشود، کلیه کدها را انتخاب کرده و آنها را در آخر فایل style.css پوسته فرزند آسترا پیست کنید.

در نهایت این کد را هم به آخر فایل style.css بیفزاید:

* {
    Font-family:IRANSans;
}

در خطی که از کد IRANSans استفاده شده باید نام فونت مورد خود را بنویسید.

نکته پایانی:

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

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پیشنهاد ویژه به دوستان نووا بلاگ
فقط با مبلغ 19.500 تومان به چهار دوره آموزشی با بیش از 26 ساعت آموزش ویدیویی و یک کتاب پی دی اف به صورت دائمی دسترسی داشته باشید.
  • آموزش خط فرمان ویندوز (5 ساعت)
  • کاربر حرفه ای ویندوز یک (13 ساعت)
  • کاربر حرفه ای ویندوز دو (4 ساعت)
  • کتاب آموزش بچ اسکریپت
  • آموزش طراحی سایت با وردپرس (5 ساعت)
پیشنهاد ویژه به دوستان نووا بلاگ
فقط با مبلغ 19.500 تومان به چهار دوره آموزشی با بیش از 26 ساعت آموزش ویدیویی و یک کتاب پی دی اف به صورت دائمی دسترسی داشته باشید.
  • آموزش خط فرمان ویندوز (5 ساعت)
  • کاربر حرفه ای ویندوز یک (13 ساعت)
  • کاربر حرفه ای ویندوز دو (4 ساعت)
  • کتاب آموزش بچ اسکریپت
  • آموزش طراحی سایت با وردپرس (5 ساعت)