فونت های فارسی برای طراحی وب سایت
اگر توسعه دهنده یا طراح وب باشید، به خوبی می دانید که سال ها استفاده از فونت هایی مانند Arial و Tahoma در وب سایت های فارسی زبان مرسوم بود و البته هنوز هم استفاده می شوند.
این فونت ها در سرعت لود شدن (بارگذاری) وب سایت ها تاثیر منفی نمی گذاشتند اما ظاهر زیبایی نیز به وب سایت نمی دادند. با پیشرفت فناوری اطلاعات، فونت های فارسی که تنها در سیستم عامل هایی مانند ویندوز مورد استفاده قرار می گرفتند با فرمت های مختلف ttf – eot و woff برای استفاده در وب سایت، طراحی شدند.
فرمت فونت ها
اگر بخواهیم بطور خلاصه درباره ی فرمت های فونت ها توضیح دهیم باید بگوییم:
- پسوند eot: این فرمت را مایکروسافت برای استفاده در وب معرفی کرد و تنها در مرورگر وب اینترنت اکسپلورر (Internet Explorer) قابل استفاده است.
- پسوند ttf: از اواخر دهه 80 میلادی، شرکت اپل (Apple) این فرمت را توسعه داد و از آن زمان به بعد به عنوان فرمت استاندارد فونت ها شناخته شد. بیشتر مرورگرها وب به غیر از اینترنت اکسپلورر از این فرمت پشتیبانی می کنند.
- پسوند woff: این فرمت را در سال 2009 موزیلا فایرفاکس توسعه داد و تنها فرمتی است که تمامی مرورگرهای مدرن و حتی اینترنت اکسپلورر 9 به بعد از آن پشتیبانی می کنند.
شاید نام پسوند svg را نیز شنیده باشید. فرمت svg (تصاویر مقیاس پذیر) برای زبان فارسی قابل استفاده نیست و فقط مرورگر وب سافاری (Safari) با سیستم عامل iOS قبل از نسخه 5 از این فرمت پشتیبانی می کرد.
استفاده از فونت های فارسی برای طراحی وب سایت می تواند به زیبایی و دلنشین شدن وب سایت برای کاربر، تاثیر بسیاری داشته باشد و البته به میزان یکی دو ثانیه در سرعت لود شدن وب سایت نیز تاثیر خواهد داشت.
شما می توانید مجموعه ای از فونت های فارسی را با سه فرمت ttf – eot و woff برای استفاده در طراحی وب سایت تان همین الان دانلود نمایید.
منابع
دانلود فنی «فونت های فارسی برای طراحی وب سایت»، نتیجه ی بررسی و گردآوری واحد چند رسانه ای پورتال یو سی (شما می توانید) می باشد.
عالی بود
عالی بود ممنون
سلام
خسته نباشین؛
برای استفاده از فونت B traffic در وبلاگ چه کار می شود کرد؟ امیدی هست؟
ممنونم.
همکلاسی و همراه خوب یو سی؛ رهگذر عزیز
با سلام و احترام
بله چنین کاری امکانپذیر است، البته انجام آن در وب سایت ها بسیار راحت می باشد ولی در وبلاگ ها به دلیل دسترسی کمتر، در حدی کمی سخت می شود.
بطورکلی از font-face@ استفاده نمایید.
ممنون آقا مشکلم حل شد