فونت فارسی در طراحی سایت یکی از عناصر اصلی هویت بصری و تجربه کاربری است. انتخاب درست فونت یک سایت معمولی را حرفه ای نشان می دهد و برعکس انتخاب فونت اشتباه می تواند حتی یک طراحی زیبا را ضعیف کند یا هویت سایت را تغییر دهد. مثلا فونتهای رسمی و کلاسیک، حس اعتماد، اعتبار و حرفه ای بودن ایجاد می کنند و فونت های مدرن و مینیمال برای سایت هایی با موضوعات خلاقانه و نوآوری مناسب هستند. از لحاظ تجربه کاربری هم فونت هایی که خوانایی بهتری در ابعاد مختلف به خصوص موبایل دارند؛ باعث جذب بیشتر کاربران می شود.
معمولا در سایت های فارسی از دو خانواده فونت یا font-family به صورت زیر استفاده می شود :
- فونت اصلی برای متنها
- فونت مکمل برای عنوانها
فونت های ضخیم یا تزئینی را نباید برای متون طولانی یا همان متن اصلی استفاده کنید؛ این عناصر جذاب را به عناوین اختصاص دهید. که زیبایی حذف شود و هم خوانایی متن از بین نرود.
تفاوت پسوند فایل های فونت
فونت ها پسوندهای مختلفی دارند و خوبست که تفاوت هر یک را بدانید اما همین ابتدا بدانید که برای طراحی سایت WOFF2 را استفاده می کنیم.
- WOFF2: بهترین فرمت برای طراحی سایت چون کم حجمه و سرعت بارگذاری بالاییی دارد.
- WOFF: از WOFF2 قدیمی تر هست ولی میتونید به عنوان نسخه جایگزین بارگذاری کنید.
- TTF: مناسب برای نصب روی ویندوز، مک و لینوکس؛ روی سایت هم میتونید بارگذاری کنید ولی به اندازه WOFF2 بیهنه نیست.
- EOT (Embedded OpenType): مخصوص مرورگرهای قدیمی Internet Explorer
نحوه اضافه کردن فونت در المنتور
اگر افزونه المنتور پرو نصب دارید؛ می توانید از طریق تنظیمات این افزونه فونت های سفارشی خود را به سایت اضافه کنید. و نیازی به افزونه مجزا یا تنظیمات قالب ندارید. اضافه کردن فونت به المنتور هم به صورت استاتیک و هم به صورت فونت متغیر امکانپذیر است.
بعد از اضافه کردن فونت به المنتور می توانید از قسمت تنظیمات سایت یا site setting در ویرایشگر المنتور فونت های سفارشی خود را به بخش های مختلف سایت اختصاص دهید.
نحوه اضافه کردن فونت در css
استفاده از فونت های سفارشی در وردپرس علاوه بر تنظیمات قالب و المنتور، با کمک کدنویسی css هم امکانپذیز است. برای این کار اول فایل های فونت را در بخش رسانه ها آپلود کنید و کدهای css زیر را در بخش style.css قالب چایلد قرار دهید:
@font-face{ font-display:swap;
font-family: “Vazirmatn”;
src: url(“../fonts/Vazirmatn-Regular.woff2”) format(“woff2”);
font-weight: 400;
font-style: normal;
}
از این به بعد هر زمان نیاز به فونت وزیر داشته باشید کافیست font-family: “Vazirmatn”; را درکد اضافه کنید.
حالا که اطلاعات کاملی در مورد اهمیت فونت و نحوه اضافه کردن فونت های سفارشی را مطالعه کردید فایل های فونت های جذاب فارسی را به صورت رایگان از طریق لینک های زیر دانلود کنید.
دانلود رایگان فونت IRANSans با لینک مستقیم
دانلود رایگان فونت Yekan با لینک مستقیم
دانلود رایگان فونت VazirMatn با لینک مستقیم
دانلود رایگان فونت Tanha با لینک مستقیم
دانلود رایگان فونت Shabnam با لینک مستقیم
دانلود رایگان فونت Samim با لینک مستقیم
دانلود رایگان فونت Sahel با لینک مستقیم
دانلود رایگان فونت Parstoo با لینک مستقیم
دانلود رایگان فونت IRANMarker با لینک مستقیم
دانلود رایگان فونت IRANRounded با لینک مستقیم
دانلود رایگان فونت IRANKharazmi با لینک مستقیم
دانلود رایگان فونت IRANFamily با لینک مستقیم
بزودی فونت های ویژه اضافه می شود …
لطفا فونت خواستی خود را از طریق دیدگاه ها اعلام کنید
