وب فونت چیست و دانلود وب فونت های فارسی اصلاح شده

وب فونت چیست و دانلود وب فونت های فارسی اصلاح شده

وب فونت چیست؟

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

مزایایی استفاده از وب فونت ها

در بعضی از وب سایت ها برای حل مشکل تایپوگرافی و استفاده از فونت های مختلف از تصاویر ذخیره شده استفاده می کنند که باعث ایجاد حجم بالا برای وب سایت ها می شود. همانگونه که در سوال قبل توضیح داده شد، با استفاده از وب فونت ها می توان از خود متن به جای تصاویر استفاده کرد و تایپوگرافی های متنی را ایجاد نمود. همچنین باعث رفع مشکل بهینه سازی وب سایت ها (SEO) می شود، زیرا موتور های جستجوگر قادر به پردازش متن به صورت تصویر را نیستند.

 

برای مرورگر هایی که از وب فونت پشتیبانی نمی کنند چطور از وب فونت استفاده کنیم:

با توجه به جدول پشتیبانی مرورگر ها از وب فونت حدود ۹۳ درصد از مرورگرها از وب فونت پشتیبانی می کنند. همانگونه که می دانید قابلیت وب فونت به دلیل وجود دستوراتی در CSS3 قابل استفاده می باشد. دلیل نمایش پیغام خطا، پشتیبانی نکردن بعضی مرورگرها از دستورات CSS3 می باشد. برای حل مشکل مرورگرهایی که قابلیت پشتیبانی ندارند شما باید از توابع کتابخانه ای جاوا اسکریپت استفاده کنید که این دستورات را برای این نوع مرورگرها شبیه سازی می کنند. در حال حاظر ۲ نوع معروف از این کتابخانه ها وجود دارند که با استفاده از پیوند های زیر می توانید آنها را از سایت های رسمیشان دریافت و بر روی وب سایت خود قرار دهید، تا تمامی دستورات CSS3 برای این نوع بازدید کنندگان قابل نمایش باشد.

کتابخانه Modernizr قابل دریافت از آدرس  http://modernizr.com
کتابخانه Selectivizr قابل دریافت از آدرس  http://selectivizr.com

 

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

کدی که باید در قسمت Header صفحاتی که قصد استفاده از فونت های این بسته را دارید قرار بگیرد به این شرح است:

<style type=”text/css” media=”screen, print”>
@font-face {
font-family: ‘yekan’;
src:url(‘http://yoursite.com/fonts/yekan.eot?#’) format(‘eot’),
url(‘http://yoursite.com/fonts/yekan.woff’) format(‘woff’),
url(‘http://yoursite.com/fonts/yekan.ttf’) format(‘truetype’);
}
class1 { font-family: “yekan”, Tahoma }
</style>

نت افراز

مشخصات

  • حجم فایل: 3 مگابایت
  • منبع: ای وب فونت , وی دیزاین
  • ۲۷۹ بازدید

برچسب ها

مطالب پیشنهادی ما

دیدگاه های شما

پاسخ دهید

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