وبــــــ دو دانلود رایگان انواع اسکریپت، قالب و پوسته، افزونه و پلاگین، نرم افزار، ابزار وب مستر و مقالات آموزشی

استفاده از فونت فارسی وزیر Vazir در سایت

وب فونت فارسی وزیر Vazir

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

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

تعداد زیادی از این فونت ها توسط آقای صابر راستی کردار درست شده اند که امروز یکی از بهترین آنها یعنی فونت وزیر را برای شما در سایت قرار دادیم. وی برای حروف لاتین از گلیف های قلم Open Sans استفاده نموده است. راستی کردار برای طراحی این فونت زیبا از FontForge استفاده نموده است. فونت فارسی فوق ساحل تحت مجوز OFL به صورت رایگان منتشر شده است.

جهت استفاده از فونت های زیر در سایت خود ابتدا فایل ها را از این لینک دانلود نموده و در پوشه قالب خود آپلود نموده و سپس کد زیر را در فایل CSS قالب قرار دهید:

@font-face {
font-family: Vazir;
src: url('Vazir.eot');
src: url('Vazir.eot?#iefix') format('embedded-opentype'),
url('Vazir.woff') format('woff'),
url('Vazir.ttf') format('truetype');
font-weight: normal;
}

@font-face {
font-family: Vazir;
src: url('Vazir-Bold.eot');
src: url('Vazir-Bold.eot?#iefix') format('embedded-opentype'),
url('Vazir-Bold.woff') format('woff'),
url('Vazir-Bold.ttf') format('truetype');
font-weight: bold;
}

@font-face {
font-family: Vazir;
src: url('Vazir-Light.eot');
src: url('Vazir-Light.eot?#iefix') format('embedded-opentype'),
url('Vazir-Light.woff') format('woff'),
url('Vazir-Light.ttf') format('truetype');
font-weight: 300;
}



همینک دیدگاه خود را برای ما بنویسید!