ارقام با عرض یکسان

[rastikerdar]

دوستی درخواست کرده‌اند که نسخه ای از فونت در بسته قرار گیرد که عرض ارقام در آن یکسان باشد. ایشان برای حسابداری می‌‌خواهند از قلم استفاده نمایند.

[ghost]

بهتر نیست که از فونت vazir code استفاده کنند که یک فونت مونو هست؟

[aziz]

موافق نیستم. وزیر کد یه قلم دیگه است با طراحی متفاوت. گاهی اوقات طراحی اعداد خود وزیر مناسب‌تره.
این کار با امکانات اوپن تایپ باید پیاده سازی بشه.
این قلم رو نگاه کنید به عنوان مثال
https://rsms.me/inter/

[MehdiSaeedifar]

میشه دلیل اصلی اینکه عرض اعداد در خود فونت یکسان نیست را توضیح بدهید؟ چون واقعا ما هم در برنامه خودمان که با اعداد زیاد سر و کار داریم به مشکل برخورده ایم. با سپاس

[zoghal]

@MehdiSaeedifar دوست عزیز من قبل از اینکه برایتان توضیح بدم می‌خواستم بدانم شما در چه حوزه‌ای فعالیت می‌کنید که به این مورد نیاز پیدا کردید؟(وب- ویندوز فرم، موبایل یا ...). من برای شناخت نیازمندی‌ها، مشکلات پیرامون فونت فارسی و بازتاب انها در پژوهشنامه‌ فونت فارسی نیاز به پاسخ شما دارم. با تشکر

مقدمه:

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

عرض اعداد:

اکثر اعداد در لاتین عرض بسیار نزدیک به هم دارند و فقط عدد ۱ با سایر اعداد متمایز است:

اما در اعداد فارسی/عربی عرض اکثر اعداد تفاوت زیادی با یکدیگر دارند.(البته بسته به طراحی نوع فونت)

---

در حالت عادی در فونت وزیر عرض و فواصل اعداد به صورت زیر تعریف شده‌اند:

---

حال اگر من عرض اعداد را یکسان ست کنم ببینید چه اتفاقی می‌افتد:

همانطور که مشهود هست:

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

راهکارها و مشکلات:

بطور کلی سه راه برای ایجاد اعداد هم عرض وجود دارد:

۱- اضافه کردن حاشیه‌ها به اعداد که در بالا مشکلش را توضیح دادم

۲- استفاده از تکنیک ست کردن کرنینگ و تنظیم فاصله هر عدد با عدد مجاورش که ماکزیمم ۱۰ *۱۰ حالت ایجاد می‌شود، البته علایم رو هم باید در نظر گرفت. همین مورد رو ضربدر تعداد وزن‌های فونت وزیر کنید ببینید چقدر می‌تواند زمانبر و دشوار باشد. البته موفق شدم یک فرمول و الگوریتم برای کمتر و سریع شدن این مورد پیدا کنم که متاسفانه هنوز بقدر کافی تست نکردم و نتیجه فعلی اصلا مطلوب خودم قرار نگرفته :( است.

۳- تعریف یکسری اعداد سفارشی که فرم اعداد دفرمه شوند به امید اینکه کمی مقدار عرض اعداد نزدیکتر به یکدیگر شوند.

۴- شاید دیگران راهکار بهتری مد نظر داشته باشند!

امیدوارم توانسته باشم بخوبی مطلب را توضیح داده باشم.
اگر سوالی یا پیشنهاد و … بنده در خدمت هستم.
شاد و پیروز باشید.

[MehdiSaeedifar]

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

[Javid-Izadfar]

برای حل کردن این مشکل حداقل در وب راه‌ حل آسونی وجود داره:
font-variant-numeric: tabular-nums;

تا جایی که میدونم، اکثر مرورگرهای (بجز اینترنت اکسپلورر و اج) ساپورتش میکنن

اطلاعات بیشترش رو میتونید اینجا بخونید.
https://www.w3.org/TR/css-fonts-3/#propdef-font-variant-numeric

شاید راه حل مشابهی برای مابقی پلتفرم‌ها وجود داشته باشه و لازم نباشه داخل خود فونت دست برد.

بروز رسانی:
راه حل دوم برای وب:
font-feature-settings: "tnum";

به نظر میرسه پشتیبانی مرورگرها از راه حل دوم بهتر باشه و حداقل اینترنت اکسپلورر ۱۰ ساپورتش کنه

اطلاعات بیشترش رو میتونید اینجا بخونید
https://www.w3.org/TR/css-fonts-3/#propdef-font-feature-settings

[zoghal]

درود مجدد

حوزه ی کاری ما برنامه های مالی و اداری هم در زمینه وب و هم در ویندوز فرم است که طبیعتا با اعداد و ارقام زیاد سر و کار داریم.

خیلی هم عالی،بطور کلی توسعه‌دهنده که هم تجربه دسکتاپ و وب رو داشته باشد کمتر تو گیت‌هاب دیدم. ادامه بدیم ببینیم آخرش به نتیجه می‌رسیم یا نه :)

مشکلی هست که فرض کنید مبلغ بزرگی شامل ارقام با عرض کم مثل یک باشد و در مقایسه با مبلغ کمتری که ارقام آن عرض بیشتری داشته باشند، از نظر عرضی کمتر به نظر می رسد که در نگاه اول کاربر را گمراه می کند.

دوست عزیز شما کاملا حق دارید، این مشکل وجود دارد.

همچنین هنگامی که مبالغ به صورت ستونی زیر هم چیده شده باشند، کاربر بیشتر مواقع دو مبلغ زیر هم را می خواهد به صورت چشمی با هم جمع بزند و به دلیل تراز نبودن اعداد زیر یکدیگر این کار برایش مشکل می شود.

من چند مثال آماده کردم تا سایر دوستان دقیقا نسبت به مشکل آشنا شوند تا بتونم بدین شکل یک راهکار اساسی

چندتا نکته فنی و قابل تامل:

۱- نیازی که مطرح شده واقعی ایست و بسیار در خوانش مشکلات زیادی ایجاد می‌کند.
۲- مشکل در محیط‌های مختلف (پلتفرم‌ها) دیده می‌شود.
۳- متاسفانه در کامپوننتهای ویندوز فرم و دات نت، اندروید و کلا کنترلر‌های بصری مباحثی کرنینگ، استایل‌ست‌ها را پشتیبانی نمی‌شود.
۴- دوستان توجه داشته باشند فونت فارسی در چند سالی ایست که در حال متحول شدن می‌باشد و تا قبل از آن بخاطر نبود فونت مناسب خیلی از نیازهای جامعه یا از نظر مخفی مانده یا به آنها اعتنایی چندانی نمی‌شد.
اما الان وضعیت در حال عوض شدن هست اگر ما به این نیاز‌ها با دقت نگاه نکنیم در آینده بدعت گذاری می‌کنیم و دودش مستقیم به چشم خودمان می‌رود.

چند نکته درباره پیاده‌سازی فونت:

۱- اکثر افراد فکر می‌کنند پیاده‌سازی یا تغییر یک فونت کار بسیار ساده‌ای ایست. مثل فتوشاپ که باز می‌کنی ادیت می‌کنی و تموم، اما واقعیت این است که مدیریت یک فونت مخصوصا زمانی که وزن‌های متعدد دارد بسیار کار سخت و زمانگیری ایست.
۲- گزینه بالا را به این خاطر مطرح کردم تا دوستان عزیز به این نقطه مشترک برسند که تغییرات اینچنین که شاید برای آنها ظاهر ساده‌ای دارد، برای توسعه دهنده کلی وقت و کار می‌برد. پس چه بهتر که قبل از اعمال تغییرات یا تولید یک خروجی جدید ابتدا روی مشکل اساسا به صورت گروهی تمرکز کنیم تا بهترین راهکار رو پیدا کنیم.

آنچه را که فکر می‌کردم که باید با شما به اشتراک بگذارم، در اختیارتان گذاشتم، امیدوارم با همفکری بتوانیم برای این مشکلات راهکار مناسبی پیدا کنیم تا در آینده به مشکلات بیشتر روبرو نشویم.

شاد و پیروز باشید.

[313ava]

برای حل کردن این مشکل حداقل در وب راه‌ حل آسونی وجود داره:
font-variant-numeric: tabular-nums;

تا جایی که میدونم، اکثر مرورگرهای (بجز اینترنت اکسپلورر و اج) ساپورتش میکنن

اطلاعات بیشترش رو میتونید اینجا بخونید.
https://www.w3.org/TR/css-fonts-3/#propdef-font-variant-numeric

شاید راه حل مشابهی برای مابقی پلتفرم‌ها وجود داشته باشه و لازم نباشه داخل خود فونت دست برد.

بروز رسانی:
راه حل دوم برای وب:
font-feature-settings: "tnum";

به نظر میرسه پشتیبانی مرورگرها از راه حل دوم بهتر باشه و حداقل اینترنت اکسپلورر ۱۰ ساپورتش کنه

اطلاعات بیشترش رو میتونید اینجا بخونید
https://www.w3.org/TR/css-fonts-3/#propdef-font-feature-settings

این راه حل ظاهرا روی برخی فونت ها کار می کنه
حداقل من روی فونت شبنم تست کردم ولی نتیجه ای نداشت

[rastikerdar]

این قابلیت از طریق پشتیبانی از امکان اوپن‌تایپ بفراهم شده. در راهنمای فونت توضیحات بیشتر آمده:
https://rastikerdar.github.io/vazirmatn/fa/docs/HELP-fa
با تشکر از مشارکت دوستان