(Bifon)
Cufon را فارسی تجربه کنید
یکی از مسائلی که ما به عنوان یک طراح در طراحی صفحات وب به صورت فارسی با آن مواجه هستیم وجود محدودیت در استفاده از فونت های فارسی است ، که تنوع این فونت ها بیش از سه مورد نیست. ( Arial , Tahoma , Mono-type )
با وجود آن که تنوع فونت های استادارد برای زبان انگلیسی بیشتر است ، همواره طراحان و توسعه دهندگان وب در پی یافتن راهی مطمئن برای نمایش فونت های متنوع در صفحات وب بوده اند .
برای رفع این محدودیت راه حل ها متنوع ای مطرح شده است که به اختصار شامل موارد زیر می شوند:
- استفاده از تصویر به جای متن در محتوای صفحات وب ، که یکی از مشکلات این روش افزایش حجم محتوای خروجی است.
- نمایش متن در یک فایل Flash که برای استفاده از این روش ابزاری به نام sIFR طراحی شده است ، از مشکلات این طرح می توان در وابسته بودن به پلاگین فلش پلیر، اشاره کرد .
- روش دیگر استفاده از font-face@ در CSS3 است که این امکان را به طراح می دهد که فونت مورد نظر خود را در آن تعریف کند و در محتوای سایت خود از آن بهره بگیرد ، از مزایا این روش می توان به سادگی استفاده ، امکان انتخاب ( select ) متن و فرمت گرفتن راحت اشاره کرد . اما با توجه به محدودیت های استفاده از CSS3 در مرورگر های مختلف به خصوص مرورگر های قدیمی مشکلاتی در استفاده از این روش وجود دارد که می توان به وجود استاندارد های مختلف برای فرمت فونت ( Smooth ، ( WOFF , TTF , EOT نبودن فونت در برخی از مرورگر ها ، حجم بالای برخی از فونت ها ، نمایش نادرست برخی از فونت های غیر استاندارد فارسی اشاره کرد.
- یک روش دیگر استفاده از ابزاری به نام Cufon است ، این ابزار شامل دو بخش اصلی می شود :
۱ – Font Generator
این بخش پس از دریافت فونت آن را به صورت SVG در قالب VML در یک فایل JS به شما می دهد.
۲ – The Renderer
این بخش شامل یک ابزار به صورت javascript است که با استفاده از فایل خروجی Font Generator متن مورد نظر شما را در صورت امکان در Canvas و در غیر این صورت به صورت VML Shape رسم می کند.
از مزایای این روش می توان به Cross Browser بودن ، سادگی در اجرا ، استفاده از Shadow و Gradient در قالب متن ، حجم نسبتاً کم فایل فونت ( به صورت gZip ) ، خروجی مشابه در تمامی مرورگر ها اشاره کرد.
موارد زیادی از استفاده از این روش را در قالب هایی که برای wordpress طراحی شده اند ، می توان یافت.
بزرگ ترین مشکل این ابزار برای ما ، به عنوان یک فارسی زبان عدم امکان نمایش متون فارسی با این ابزار تا به امروز است بر این اساس تیم averta با هدف قرار دادن رفع این مشکل اقدام به طراحی ابزاری مکمل بر روی cufon کرده است که با نام Bifon منتشر خواهد شد . ( نام Bifon بر گرفته از bi-directional Cufon است )
Bifon از دو بخش تشکیل شده است :
۱- نرم افزار Bifon Font Generator
این نرم افزار به صورت یک Air Application طراحی شده ، پس از دریافت فونت فارسی و انگلیسی ، فونت را به صورت یک فایل JS همانند فایل خروجی Cufon به شما می دهد .
۲ – Bifon Text Converter
یک فایل javascript شامل اسکریپت port شده FarsiStyle از ActionScript به JavaScript و یک رابط می شود ، که وظیفه تبدیل متن قبل از ورود به Cufon The Renderer را داراست.
برای دریافت و نحوه استفاده از Bifon می توانید به صفحه Bifon در Averta Labs مراجعه کنید.
http://averta.net/labs/fa/?p=10امیدواریم که این ابزار برای شما همکار و دوست گرامی مفید واقع شود.
منبع :
http://averta.net/blog/fa/?p=109درباره Bifon :
http://www.averta.net/wiki/fa/page/Bifonدرباره Cufon :
https://github.com/sorccu/cufon/wiki/about