یکی از مسائلی که ما به عنوان یک طراح در طراحی صفحات وب به صورت فارسی با آن مواجه هستیم وجود محدودیت در استفاده از فونت های فارسی است ، که تنوع این فونت ها بیش از سه مورد نیست. ( Arial , Tahoma , Mono-type )
با وجود آن که تنوع فونت های استادارد برای زبان انگلیسی بیشتر است ، همواره طراحان و توسعه دهندگان وب در پی یافتن راهی مطمئن برای نمایش فونت های متنوع در صفحات وب بوده اند .
برای رفع این محدودیت راه حل ها متنوع ای مطرح شده است که به اختصار شامل موارد زیر می شوند:
- استفاده از تصویر به جای متن در محتوای صفحات وب ، که یکی از مشکلات این روش افزایش حجم محتوای خروجی است.
- نمایش متن در یک فایل Flash که برای استفاده از این روش ابزاری به نام
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
طراحی شده است ، از مشکلات این طرح می توان در وابسته بودن به پلاگین فلش پلیر، اشاره کرد .
- روش دیگر استفاده از
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
در CSS3 است که این امکان را به طراح می دهد که فونت مورد نظر خود را در آن تعریف کند و در محتوای سایت خود از آن بهره بگیرد ، از مزایا این روش می توان به سادگی استفاده ، امکان انتخاب ( select ) متن و فرمت گرفتن راحت اشاره کرد . اما با توجه به محدودیت های استفاده از CSS3 در مرورگر های مختلف به خصوص مرورگر های قدیمی مشکلاتی در استفاده از این روش وجود دارد که می توان به وجود استاندارد های مختلف برای فرمت فونت ( Smooth ، ( WOFF , TTF , EOT نبودن فونت در برخی از مرورگر ها ، حجم بالای برخی از فونت ها ، نمایش نادرست برخی از فونت های غیر استاندارد فارسی اشاره کرد.
- یک روش دیگر استفاده از ابزاری به نام
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
است ، این ابزار شامل دو بخش اصلی می شود :
۱ – Font Generator
این بخش پس از دریافت فونت آن را به صورت
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
در قالب
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
در یک فایل JS به شما می دهد.
۲ – The Renderer
این بخش شامل یک ابزار به صورت javascript است که با استفاده از فایل خروجی Font Generator متن مورد نظر شما را در صورت امکان در Canvas و در غیر این صورت به صورت
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
رسم می کند.
از مزایای این روش می توان به
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
بودن ، سادگی در اجرا ، استفاده از Shadow و Gradient در قالب متن ، حجم نسبتاً کم فایل فونت ( به صورت gZip ) ، خروجی مشابه در تمامی مرورگر ها اشاره کرد.
موارد زیادی از استفاده از این روش را در قالب هایی که برای wordpress طراحی شده اند ، می توان یافت.
بزرگ ترین مشکل این ابزار برای ما ، به عنوان یک فارسی زبان عدم امکان نمایش متون فارسی با این ابزار تا به امروز است بر این اساس تیم averta با هدف قرار دادن رفع این مشکل اقدام به طراحی ابزاری مکمل بر روی cufon کرده است که با نام Bifon منتشر خواهد شد . ( نام Bifon بر گرفته از
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
Cufon است )
Bifon از دو بخش تشکیل شده است :
۱- نرم افزار Bifon Font Generator
این نرم افزار به صورت یک Air Application طراحی شده ، پس از دریافت فونت فارسی و انگلیسی ، فونت را به صورت یک فایل JS همانند فایل خروجی Cufon به شما می دهد .
۲ – Bifon Text Converter
یک فایل javascript شامل اسکریپت port شده FarsiStyle از ActionScript به JavaScript و یک رابط می شود ، که وظیفه تبدیل متن قبل از ورود به Cufon The Renderer را داراست.
برای دریافت و نحوه استفاده از Bifon می توانید به صفحه
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]