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

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

 

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

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

برای اینکه فونت مناسب برای طراحی وب را تشخیص دهید، چند نکته را فراموش نکنید:

1-یکی از اولین مواردی که باید به آن توجه کرد هویت تجاری شماست. ابتدا از خودتان بپرسید که  می‌خواهید چه نوع احساسی را به کاربر منتقل کنید و تمایل دارید بازدیدکنندگان چه تصوری از سایت شما داشته باشند. آیا می‌خواهید با مخاطبین به طور دوستانه ارتباط برقرار کنید؟ یا دوست دارید کاربران از تجارت شما یک تصور قوی، پایدار و ماندگار داشته باشند؟ هنگامی که متوجه شدید می‌خواهید چه احساسی را ایجاد کنید، می توانید از بین فونت‌های موجود مناسب‌ترین را به‌کار ببرید.

2-خیلی مهم است که فونت نه خیلی بزرگ باشد که چشم کاربر را بزند نه آنقدر کوچک که کاربر بخواهد مدام روی مطالب زوم کند. اگر قصد دارید در طراحی سایت خود از فونت‌های فارسی استفاده کنید، سایز‌های 10تا 33 px مناسب و استاندارد هستند. با استفاده از این سایزها فونت‌های‌ موجود در وب سایت‌تان به شکلی زیبا در کنار یکدیگر قرار می گیرند.

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

الف-فونت‌های فارسی

  • B Yekan
  • (پرمیوم) Iran sense
  • (پرمیوم) Iran Yekan
  • B Koodak
  • B Nazanin
  • B Roya
  • Titr Bold
  • Tahoma
  • Mitra
  • ب-فونت‌های انگلیسی
  • Archivo Narrow
  • Palanquin
  • Ostrich Sans
  • PT Sans
  • Fira Sans
  • Montserrat
  • Abril Fatface
  •  Fjord
  • Arvo
  • Josefin Sans
  • Gravitas One
  • Jura

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

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

افزونه ای که می خوام معرفی کنم یک پلاگین برای افزودن فونت های فارسی به قالب وردپرس است که به راحتی می توانید آنها را از طریق افزونه آپلود کرده و از آنها استفاده کنید . یکی از نکات مثبت این افزونه این است که به صورت پیشفرض فونت های koodak , titr , home , yekan و hamid را در خود جای داده پس شما نیازی به ایمپورت کردن فونت در وردپرس ندارید .

کارکردن با این افزونه هم بسیار ساده است به این شکل که بعد از نصب افزونه دو منو به پنل پیشخوان شما اضافه خواهد شد به نام های فونت پارسی ، افزودن فونت که می توانید از آنها برای افزودن فونت اسفاده نمائید. به این شکل که فونت پارسی را بازکرده و در قسمت تعبیه شده اسم کلاس مورد نظر را وارد کرده و به آن فونت فمیلی ( font-family ) مور نظر را وارد کنید به این شکل که فرض کنید شما می خواهید به یک قسمت با کلاس main-nav فونت فارسی اعمال کنید که به این شکل انجام خواهد شد :

 

[css]
.main-nav{
font-family: ‘Yekan’;
}
[/css]

 

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

 

[css]
body{
font-family: ‘Yekan’ !important;
}
[/css]

 

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

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

 

دانلود فونت اصلاح شده یکان مخصوص وب

 

حال فایل دانلود شده را از حالت زیپ خارج کنید و از داخل فولدر موجود فونت ها را خارج کنید و در فولدر fonts موجود در قالب کپی کنید . بعد از آن کافیست وارد فایل style.css موجود در فولدر قالب خودتان شوید و کد زیر رو در ابتدای آن قرار دهید .

 

 

[css]
@font-face {

font-family: “yekan”;

src: url(fonts/Yekan.eot);

src: url(fonts/Yekan.eot?#iefix) format(“embedded-opentype”), url(fonts/Yekan.woff) format(“woff”), url(fonts/Yekan.ttf) format(“truetype”), url(fonts/Yekan.svg#BYekan) format(“svg”);

font-weight: normal;

font-style: normal

}
[/css]

 

خب حالا بعد از آن استایل body رو پیدا کنید و font-family آن را به این شکل تغییر دهید :

 

 

[css]
body {
font-family: “yekan”,Tahoma;
}
[/css]

 

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