1
0

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

۵ دیدگاه
  • انتشار : فروردین ۲۸, ۱۳۹۴ - 5:14 ب.ظ
  • نویسنده : مدیر کل

شما در این آموزش یاد خواهید گرفت که چطوری فونت قالب خودتون رو به فونت دلخواه و البته فارسی تبدیل کنید تا وقتی که کاربری وارد سایتتون میشه متن های شما رو به صورت زیبایی مشاهده کنه!

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

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

♣ مرحله اول:

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

(ttf , woff , eot) بعد از اینکه فونت دلخواه خودتون رو در این سه فرمت انتخاب کردید در پوشه اصلی قالبتون یک پوشه به نام (fonts) وجود داره اگه نبود بسازید! این سه فرمت رو داخل اون قرار می دید. (در صورتی که قالب نصب بود آپلود می کنید)

 

فونت

♣ مرحله دوم:

بعد از مرحله اول شما باید فایل استایل (style.css) یا شیوه نامه قالب رو باز کنید و در خط های بعد از توضیحات قالب (معمولا شامل این موارده: نام قالب، طراح، ورزن و… )، این کد رو قرار بدید: (در اینجا من برای نمونه فونت (BYekan) رو انتخاب کردم که کدش به این شکل در می یاد:

@font-face { font-family: 'BYekan'; src: url('fonts/BYekan.eot'); src: local('BYekan'), url('fonts/BYekan.woff') format('woff'), url('fonts/BYekan.ttf') format('truetype'), url('BYekan.svg') format('svg'); font-weight: normal; font-style: normal;
}

و در ادامه باید کد یا خط بخش هایی رو که دوست دارید فونتش تغییر کنه (نظیر تیتر، محتوا و … ) رو پیدا و به این شکل اون رو با فونت یکان تغییر نام بدید:

font-family: 'BYekan', arial, sans-serif;
font-size: 14px;

البته در صورتی که به دنبال عبارت (font-family) باشید فونت های به کار رفته در شیوه نامه پیدا میشه. بعد از اتمام کار فایل شیوه نامه و ذخیره و لذت اون رو ببرید!

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

شما می تونید در لینک زیر مجموعه ۴۴ فونت فارسی که بعضی از اونها نظیر فونت بی بی سی نسیم (BBC Nasim) که کمیاب هم هستن رو دانلود کنید.

.

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

  2. سلام
    اول ممنونم از سایت خوبتون
    من با تغییر فونت قالب esteem, به مشکل خوردم
    تو فایل style.css اندازه فونت ها رو تغییر دادم،تو هر پرونده دیگه ای هم که از فونت و سایز چیزی دیدم تغییر دادم ولی هیچ اتفاقی برا سایت نیوفتاد.
    خدایی یکی کمکم کنه
    http://www.gifnic.ir اینم آدرس سایت.فونتش خیلی ریزه.نوشته ها رو میشه درست کرد ولی منو و … نه

    • سلام
      شما فونت ها رو در فایل rtl.css فراخوانی و تغییر دادید. باید در فایلstyle.css تغیر و فراخوانی بدید/ مضاف بر اون فونت ها رو به پسوند قرار بدید/

      این پسوند:
      !important
      به این شکل:
      font-family: WYekan !important;

  3. سلام وقت بخیر خسته نباشید.
    واقعیتش من تازه فارسی سازی رو یاد گرفتم و قالب انفولد انگلیسی رو از یک سایت خارجی دانلود کردم تا روش کار کنم ، میخوام به جای فونت های خارجی که تو پنل تنظمیات ، ۱۰ تا فونت ایرانی بذارم ، برای اینکار چگونه باید عمل کنم؟

    • با سلام
      قرارگیری فونت در پنل تنظیمات فقط در مورد فونتهایی امکان پذیره که “گوگل فونت باشند”. البته نمیشه گفت که غیر ممکنه اما پیچیدگی خاص خودش رو داره. به این صورت که ما فونت های مورد نیاز خودمون رو باید طبق استراتژیک گوگل در یک محل امن آپلود کنیم و تنها فراخوانی اون رو در قالب قرار بدیم. اسم فونتهای داخل پنل رو با فونتهایی که آپلود کردیم جایگزین می کنیم. البته اینکه در همه قالب ها جواب بده مشخص نیست.

      معایب این کار:
      ۱- در صورت تغییر یا اشکال در آدرس فونتهای آپلود شده تمام تنظیمات به هم خواهد خورد.
      ۲- سرعت بارگذاری سایت افت خواهد کرد چراکه نیازمند است که از ۲ هاست فراخوانی قالب و فونت انجام شود.
      ۳- در صورت خرابی در سرور سایتی که فونت ها اپلود شده است قالب هایی که از کد فراخوانی استفاده کرده اند به درستی نمایش داده نخواهند شد.

      بنابراین تا زمانی که ما فونت ها را در یک محل اطمینان آور مانند گوگل آپلود نکرده ایم همیشه باید منتظر از بین رفتن تنظیمات باشیم.

      بنده این راه حل را توصیه نمی کنم و پیگیر هم نیستم.

      البته در صورتی که راه تغییر به صورت دستی را یاد گرفته باشید ضرورتی برای قرار دادن فونتها در پنل وجود ندارد.

      موفق باشید

×

سـبد خـرید شـما

0 محصول
سبد خرید خالی است!