بیفون – Bifon

بیفون ابزاری است برای نمایش متون فارسی به همراه انگلیسی با فونتی غیر از فونت های استاندارد در صفحات HTML . این ابزار مکملی است بر روی Cufon و بدون هیچ وابستگی به پلاگین امکان نمایش هر فونتی را در تمامی مرورگر ها فراهم می کند .

بیفون شامل دو بخش می شود:

۱ – Bifon Font Generator
این نرم افزار با دریافت یک فونت برای متون فارسی و یک فونت برای متون انگلیسی فایل خروجی ای به صورت javascript که همان فونت مورد استفاده در Bifon است را تولید می کند.

برای استفاده از این نرم افزار نیاز به داشتن آخرین نسخه Adobe Air است می توانید آن را از طریق www.Flashplayer.ir دریافت کنید .

۲ – Bifon Text Converter
این بخش شامل یک ابزار به صورت javascript است که وظیفه تبدیل متن را قبل از نمایش توسط Cufon داراست.

به روز رسانی : 

نسخه ۱٫۱b

- امکان نمایش متن به صورت Multiline

- حذف مشکل direction:ltr

دریافت و روش استفاده :

دریافت نرم افزار Bifon Font Generator
دریافت Bifon Text Converter
دریافت پکیج کامل شامل نرم افزار ، Converter و مثال

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

 

69 پاسخ به بیفون – Bifon

  1. سلام دوست عزیز
    واقعا ابزار مفیدی بود
    خیلی از کارهام رو به سامان کرد
    همیشه ی ایام موفق باشی

    پاسخ
    • سلام . اسکریپت ” ــــــ ” یا ” سلـ’ـــــــــ’ـام رو ساپرت نمیکنه یا با فونت ارشیا مشکل داره؟

      پاسخ
      • اَورتا
        نویسنده

        سلام
        در حال حاضر توسط converter حذف می شود.
        در نسخه آینده رفع خواهد شد.
        با تشکر

        پاسخ
        • سلام.
          یک سوال دیگه. راهی هست که من از چند فونت فارسی استفاده کنم؟

          ممنون. نرم افزار که عالی بود. پشتیبانی خوبی هم دارید . شک ندارم
          Bifon جزو نام های ماندگاره.

          آرزوی بهترین ها را برای شما :)

          پاسخ
          • اَورتا
            نویسنده

            سلام

            اگر منظور شما استفاده از چند فونت در یک صفحه هست بله این امکان وجود داره و اگر منظور استفاده از چند فونت در یک متن هست باید هر بخش از متن به طور جداگانه replace شود.

            موفق باشید.

          • ممنون برای پسخ دوباره.
            تو ویکی چیزی پیدا نکردم …

  2. آقا دستتون درد نکنه ، من کلی با این اسکریپت ور رفتم نتونستم فونت درست کنم براش.
    ایول دارید.

    پاسخ
  3. من از شما سپاسگذاری می کنم بابت این حرکت ارزنده.

    پاسخ
  4. واقعا ممنونم من از cofun متنفر بودم اما با این کار شما یه نفس راحت کشیدم و باید بگم بهتون افتخار میکنم.

    پاسخ
  5. خیلی عالی بود.
    خیلی وقت بود دنبال همچین چیزی میگشتم.
    دستتون درد نکنه.
    خسته نباشید.

    پاسخ
  6. سلامی مجدد ،
    آقا من از ویژگی hover نمی تونم استفاده کنم ، تو نمونه کارهای خودتون هم دیدم که به جای استفاده از hover فقط متن بین تگ a رو تغییر دادید !
    آیا روشی هست که بشه ویژگی hover رو همون طور که در خود Cufon هست در Bifon هم داشته باشیم ؟!

    پاسخ
    • اَورتا
      نویسنده

      سلام دوست عزیز
      هیچ تفاوتی بین روش استفاده بین bifon و cufon نیست. اگر شما همان نکاتی که در ویکی cufon گفته شده را رعایت کنید مشکلی نخواهد بود
      دلیل این که ما از hover استفاده نکردیم به دلیل مشکلی بود که در بعضی از مواقع در IE7 رخ می داد
      موفق باشید

      پاسخ
  7. آقا دستتون درد نکنه من یکی دو ماه پیش با این cufon کلی ور رفتم فارسی بنویسم آخرش هم نشد. حروف رو جدا نشون می داد ولی با این کاری که شما انجام دادین حتما میرید بهشت، خیلی ثواب داشت

    پاسخ
  8. حرکت ارزنده ایی بود.
    خسته نباشید

    پاسخ
  9. به نام خدا ، سلام ، اولا بابت چنین کار ارزنده ای از شما سپاس گذارم ، ثانیا سئوالی در مورد استفاده داشتم ، که نمی دانم باگ از خود cufun هست یا خیر ؟ بالواقع بنده می خواهم از چندین فونت استفاده کنم اما فقط یکی از فونت ها روی بقیه اعمال می شود. من font-family مناسب را نیز نسبت داده ام ، اما همچنان این باگ وجود دارد.

    با تشکر

    پاسخ
  10. کاره بسیار زیبایی بود. لذت بردم

    پاسخ
  11. واقعاً ممنون! استفاده کردیم بسیار :)

    پاسخ
  12. سلام.
    آقا دستتون درد نکنه واقعا عالی بود کارتون.
    یه مشکلی دارم، تو فایرفاکس درست نشون میده اما تو اینترنت اکسپلورر و کروه کلمات رو LTR میکنه یعنی عبارت : “سلام خوبی ؟” رو به صورت : “؟ خوبی سلام” نشون میده.
    جریان چیه ؟
    ممنون میشم اگه جواب بدید

    پاسخ
  13. درست شد.
    بذارید بگم که اگه بقیه هم مشکل داشتند حل بشه :
    ببینید من تو منو میخواستم این فونت رو اعمال کنم که برای li ها مقدار display رد برابر inline گذاشته بودم عوض کردم block-inline درست شد.
    (راستی تو کامنت قبلی کروم منظورم بود اشتباه تایپی بود :دی )
    بازم تشکر.

    پاسخ
  14. درود
    سپاس بی کران

    پاسخ
  15. سلام
    کار بسیار زیبایی و فوق العاده ای انجام دادین
    ولی من نمیدونم چرا هر کاری میکنم نتیجه نمیگیرم ! میشه لطف کنید اشکال کار منو بگید: poorseh.ir
    با تشکر فراوان

    پاسخ
  16. بلاخره یکی آستین بالا زد، مرسی.

    پاسخ
  17. با عرض سلام و خسته نباشید، واقعاً ممنون دست گلتون مرسی :)

    پاسخ
  18. تشکر و خسته نیاشید بخاطر ابزار بسیار عالی

    پاسخ
  19. سلام و تشکر از دوستان عزیز که این کار بسیار عالی رو انجام دادن.
    میخواستم ببینم میشه ورژنی هم انتشار بدین که قابلیت hover رو ساپورت کنه چون الان دیگه بروزر IE7 تغریبا استفاده نمیشه و همه حداقل IE8 رو دارن البته به جزء شرکت های دولتی که برای سایت هایی که من دارم طراحی میکنم مخاطبانم کسانی هستن که اکثرا بروزر های جدید دارن و به گفته شما این مشکل توی IE7 مشکل داره .
    میخواستم یه ورژن جدا گانه انتشار بدین که این قابلیت رو حل کنه.
    باتشکر و سپاس.

    پاسخ
    • اَورتا
      نویسنده

      سلام

      شما با همین نسخه می تونید از hover استفاده کنید. قبلا هم این نکته گفته شد که هیچ تفاوتی در نحوه استفاده از hvoer در بیفون نسبت به cufon وجود نداره.
      برای اطلاعات بیشتر به این لینک مراجعه کنید
      https://github.com/sorccu/cufon/wiki/Styling
      موفق باشید

      پاسخ
  20. خیلی ممنون از پاسخ سریعتان . من در یکی از کامنت ها دیدم که شما در جواب آقای حسین گفته بودین به خاطر وجودمشکل در IE7 این قابلیت را برداشتید برای همین این سوال را مطرح کردم.
    باز هم تشکر میکنم از کار فوقالعاده ای که کردید.

    پاسخ
  21. خسته نباشید،

    اول که باید واقعا تشکر کنم بابت این نرم افزار فوق العاده،

    دوم اینکه من قالب انگلیسی رو خریداری کردم که در بعضی از قسمتهاش مثل فوتر و نام صفحاتش متن فارسی دیده نمیشه،

    حالا سوالم اینه که وقتی من با این نرم افزار فایل فونتم.js رو میسازم،
    چطور میتونم از این فایل برای نمایش داده شدن نام صفحات و متن فوترم در قالب وردپرس استفاده کنم ؟

    ممنون میشم راهنماییم کنید.

    پاسخ
  22. ممنون،
    من قبلا این آموزش رو دیده بودم، اما ظاهرا برای HTML هستش،

    من در وردپرس میخوام این مار رو انجام بدم،
    برای اینکه فونت کلی سیستم وردپرس رو به فونت خودم.js تبدیل کنم
    چه کدی رو باید کدوم قسمت قرار بدم ؟

    تشکر !

    پاسخ
    • اَورتا
      نویسنده

      روش استفاده تفاوتی ندارد
      باید متد replace کوفان را داخل سورس Template قرار دهید تا برای تگ های مورد نظر فونت اعمال بشود.
      در صورتی که اطلاعات بیشتری می خواهید سوال خود را در فروم های وردپرس فارسی مطرح کنید.
      موفق باشید

      پاسخ
  23. خیلی ابزار مفید ، کاربردی جالبی هست

    موفق باشید

    پاسخ
  24. سلام
    من همیشه از فونت-فیس استفاده میکنم، باهاش راحت ترم ولی نحوه ی نمایش فونت با این روش خیلی بهتره، فونت خیلی نرم تر نمایش داده میشه و این باعث میشه بعضی وقتها بخوام سایتها رو با این روش طراحی کنم، تو یکی از پروژه ها به مشکلی برخوردم که به نظر باگ این روش هست و البته انگلیسی رو تست نکردم ببینم مشکل از cufon هست یا از روش شما، به هر حال دو تا تصویر زیر رو میذارم که متوجه منظورم بشین، مشکل با برداشتن کاراکتر , حل شد ولی وقتی از , برای جدا کردن اعداد استفاده میشه این اتفاق میفته که میبینین ، لینکها فیلترن در ضمن:)
    http://m.friendfeed-media.com/6e16f4d6d1b3f01129f964af7dbb4cd5873e38c0
    http://m.friendfeed-media.com/1afcb9c950950694e3a0f9c2898210bdb88b7364

    پاسخ
  25. سلام
    چرا در یک سطر، فاصله بین دو کلمه آخر سطر نسبت به فاصله طبیعی کلمات، کمتر می شود؟
    این مشکل در فایل sample.html هم دیده می شود.
    ممنون

    پاسخ
    • اَورتا
      نویسنده

      سلام

      این مشکل به دلیل تبدیل ای است که توسط cufon صورت می گیرد
      شما می توانید با یک css ساده این مشکل را حل کنید.
      برای مثال:
      cufon:last-child {
      padding-right:4px;
      }

      موفق باشید

      پاسخ
  26. سلام
    اول جاداره که از زحماتتون برای انتشار این برنامه برای فراسی زبان ها تشکر کنم
    حقیقت من قصد داشتم تا با استفاده از بیفون در قالب های رایگانی که منتشر میکنیم هم به معرفی گسترده این ابزار و هم به آمار یازدید سایتمون یه کمکی کرده باشم
    متأسفانه در مراحل مختلف استفاده از نسخه ۱٫۱ بتا این ابزار به مشکلاتی برخوردم که امیدوارم در نسخه ۱٫۱ اصلی با لطف شما و گزارش های اهل فن برطرف بشه
    و اما مشکلاتی که من داشتم :
    اول اینکه با وجود طی مراحل طبق آموزش توسط سه نفر از اعضای گروه موفق به تبدیل فونت دلخواه نشدیم، بعد از چند روز متوجه شدیم که تمامی سایت هایی که از این روش استفاده کرده اند بلا استثناء از دو فونتی که در لابراتوار و ویکی همین سایت استفاده شده، استفاده میکنند.
    دوم اینکه در این روش، در یک پاراگراف قادر به استفاده از دو فونت بصورت همزمان نیستیم
    سومین مشکل هم اینه که در یک پاراگراف وقتی از این روش استفاده بشه، وقتی در میان پاراگراف لینک قرار داده بشه اون لینک غیر فعاله (نمیشه روش کلیک کرد)
    امیدوارم واضح بیان کرده باشم و هرچه زودتر بتونیم از نسخه جدید و بدون اشکال استفاده کنیم
    برقرار باشید و سبز
    با تجدید احترام – وبـ نشینـ

    پاسخ
    • اَورتا
      نویسنده

      سلام

      در مورد مشکل اول شما، ما چند فونت مختلف را تست کرده ایم و مشکلی وجود نداشت. اگر امکان دارد فونت مورد نظرتان را برایمان ارسال کنید تا بررسی شود.

      در مورد مشکل دوم بله در این نسخه این امکان به صورت مستقیم وجود ندارد راه حلی که در حال حاضر برای این مشکل وجود دارد این است که متن قبل و بعد قسمتی که می خواهید فونت متفاوتی داشته باشد را به طور مجزا replace کنید.
      مشکل سوم شما هم مشابه مشکل دوم است.

      ما تلاش خواهیم کرد در صورت امکان این مشکل را در نسخه های آینده رفع کنیم.

      موفق باشید

      پاسخ
  27. واقعا باید به برنامه نویس هایی مثل شما افتخار کرد
    واقعا متشکریم.

    پاسخ
  28. با سلام و خسته نباشید خدمت شما عزیزان؛
    من میخوام در نوشته هام از کارکتر فضای اضافه “ـ” استفاده کنم، برای مثال میخوام “بنام خدا” بصورت “بنـــــــام خدا” نمایش داده بشه!

    اما گویا بیفون از این کاراکتر پشتیبانی نمیکنه؟! درسته و یا اینکه مشکل از منه؟

    ممنون میشم راهنمایی بفرمائید.

    پاسخ
  29. به سهم خود، از شما برای این خدمت بزرگی که به وب پارسی کرده‌اید، سپاس‌گزارم.

    پاسخ
  30. ایرانی های بهترینن اند

    پاسخ
  31. واقعا کارتون ارزشمند و قابل تقدیره.
    پیشنهاد می کنم یک قسمت برای کمک مالی با قابلیت پرداخت شتاب بگزارید تا بتونیم حداقل اگه از دستمون بر میاد برای این پروژه هدیه ای ارسال کنیم.
    با تشکر دوباره

    پاسخ
  32. توی پرینت مشکل داره و فونتها بهم میریزه ایا راهکاری داره؟
    یا توی کپی محتوا و پیست کردن تو محیط ورد بهم میریزه

    پاسخ
  33. سلام

    آیا این تغییر فونت رو موتور های جست و جو می تونند درک کنند ؟

    یعنی اگه ما کل یک سایت تجاری رو با یک فونت تبدیل شده راه اندازی کنیم توی گوگل به نمایش درمیادش یا نه ؟؟

    پاسخ
    • اَورتا
      نویسنده

      سلام

      بله با توجه به اینکه عمل تبدیل پس از Load صفحه با js صورت می گیرد متن به درستی توسط موتور های جستجو ثبت می شود.

      پاسخ
  34. سلام
    خیلی ممنون از زخمات شما
    من وقتی از hover:true استفاده میکنم Direction هنگام Rollover به هم میریزه
    لطفا اگه راهی داره راهنمایی کنید
    با تشکر

    پاسخ
  35. سلام ، متاسفانه وقتی من بیفون را اضافه کردم سایت اسکرول افقی گرفت. وقتی از کد های بیفون
    cufon {direction:ltr !important;}
    رو حذف کردم اون مشکل اسکرول حل شد ولی زیر حروف اشکال عجیب و غریب ایجاد شد و همین طور به هم ریخته شد!

    پاسخ
  36. خیلی جالب و زیبا کار شده
    کاربردی و فوق العاده
    ممنون از لطفتون

    در ضمن حرکت کاملا ارزنده بود

    پاسخ
  37. با سلام

    ممنون از زحمات شما
    من یک مشکلی که دارم در استفاده از حروف انگلیسی هستش. اگه یک متن داشته باشم که داخل اون از کلمات انگلیسی هم استفاده شده باشه نشون نمیده. اما در مثال های خودتون این مشکل نیست. حتی برای فونت انگلیسی از فونتهایی مثل arial استفاده کردم و طبق دستورالعمل انجام دادم تمام مراحل رو ولی درست نشد.
    اگر ممکنه راهنمایی کنید. ممنون

    پاسخ
    • اَورتا
      نویسنده

      سلام

      از چه فونتی برای حروف انگلیسی استفاده می کنید؟

      پاسخ
      • از فونت time news یا arial هیچ کدوم. نشون نمی ده.
        یکی از فونت های فارسی رو هم درست نشون نمی ده (فونت دست نویس) یعنی برخی از حروف متن رو تغییر میده و تبدیل به حرف های دیگه می کنه ایا به طور کلی این فونت قابل تبدیل هست یا نه ؟
        مرسی

        پاسخ
  38. سلام
    برنامه عالیه و بسیار خوب طراحی شده
    فقط یه مشکل :
    من وقتی از اسکریپت استفاده میکنم اول اینکه نوشته ها ltr میشه و با دستورهای css هم حل نمیشه و دوم اینکه تصاویر توی اون قسمت لود نمیشه . نمیدونم مشکل از منه یا برنامه …

    پاسخ
  39. مشکل ltr حل شد . توی wiki یه قسمت رو اشتباه گذاشتین.
    ولی هنوز دوتا مشکل وجود داره .
    ۱٫ هرجایی اسکریپت کار میکنه تصاویر لود نمیشه که نمیدونم مشکل از کجاست .
    ۲٫ من اسکریپت رو توی header بین تگ قرار دادم ولی فقط توی صفحه اصلی اسکریپت کار میکنه و صفحات داخلی فونت رو لود نمیکنن با اینکه وقتی source صفحات رو میبینیم اسکریپت ها موجود هستن .
    ممنون میشم راهنمایی کنید .

    پاسخ
    • اَورتا
      نویسنده

      سلام

      در مورد مشکل اول بیشتر توضیح بدید لطفا. برای مشکل دوم بررسی کنید که آیا اسکریپت replace در صفحه های داخلی هم وجود دارد یا نه ؟

      پاسخ

نوشتن دیدگاه

نشانی ایمیل شما منتشر نخواهد شد.