رفتن به محتوا
پیوند
v0.1.0

تایپوگرافی

یک قلم متغیر، سه شخصیت و پانزده نقش. قلم ابر با دو محور وزن و کنتراست، طوری تنظیم شده که خط فارسی جا داشته باشد.

پایداراز نسخه‌ی ۰٫۱٫۰به‌روزرسانی

مرور

پیوند از قلم Abar استفاده می‌کند، در قالب یک فایل متغیر ۱۰۳ کیلوبایتی که جای بیش از ۲۴۰ کیلوبایت فایل ثابت را گرفته است. این فایل دو محور دارد: وزن (۴۰۰ تا ۱۰۰۰) و کنتراستِ قلم (۰ تا ۱۰۰).

محور کنتراست سه شخصیت می‌سازد و پیوند هر کدام را به یک کار می‌دهد: Low برای متن، چون در اندازه‌های کوچک و روی صفحه‌های موبایل خواناتر است؛ Mid برای تیترها؛ و High فقط برای صحنه، جایی که اندازه‌ی حروف بزرگ است و خطوط نازکش می‌درخشند.

قاعده‌ها

  1. نقش را انتخاب کنید، نه اندازه را. اندازه‌ها ممکن است عوض شوند؛ نقش‌ها نه.
  2. فاصله‌ی حروف همیشه صفر است. فارسی خط پیوسته است و باز کردن فاصله‌ی حروف اتصال‌ها را می‌شکند.
  3. ارتفاع خط از استاندارد لاتین بلندتر است، چون حروف فارسی بالا و پایین بیشتری می‌گیرند.
  4. ایتالیک نداریم. قلم ابر ایتالیک ندارد و کج‌کردن مصنوعی اتصال‌ها را خراب می‌کند؛ به‌جایش وزن بیشتر.
  5. هیچ کجای سایت High زیر ۳۲ پیکسل استفاده نمی‌شود.

مقیاس نقش‌ها

پیوند بین آدم‌ها و بین طراحی و کد. ۰۱۲۳۴۵۶۷۸۹High · 850 · 1.2857
پیوند بین آدم‌ها و بین طراحی و کد. ۰۱۲۳۴۵۶۷۸۹High · 850 · 1.2727
پیوند بین آدم‌ها و بین طراحی و کد. ۰۱۲۳۴۵۶۷۸۹High · 850 · 1.3333
پیوند بین آدم‌ها و بین طراحی و کد. ۰۱۲۳۴۵۶۷۸۹Mid · 700 · 1.375
پیوند بین آدم‌ها و بین طراحی و کد. ۰۱۲۳۴۵۶۷۸۹Mid · 700 · 1.4286
پیوند بین آدم‌ها و بین طراحی و کد. ۰۱۲۳۴۵۶۷۸۹Mid · 700 · 1.5
پیوند بین آدم‌ها و بین طراحی و کد. ۰۱۲۳۴۵۶۷۸۹Mid · 700 · 1.4545
پیوند بین آدم‌ها و بین طراحی و کد. ۰۱۲۳۴۵۶۷۸۹Low · 550 · 1.5556
پیوند بین آدم‌ها و بین طراحی و کد. ۰۱۲۳۴۵۶۷۸۹Low · 550 · 1.5
پیوند بین آدم‌ها و بین طراحی و کد. ۰۱۲۳۴۵۶۷۸۹Low · 400 · 1.75
پیوند بین آدم‌ها و بین طراحی و کد. ۰۱۲۳۴۵۶۷۸۹Low · 400 · 1.7143
پیوند بین آدم‌ها و بین طراحی و کد. ۰۱۲۳۴۵۶۷۸۹Low · 400 · 1.6667
پیوند بین آدم‌ها و بین طراحی و کد. ۰۱۲۳۴۵۶۷۸۹Low · 550 · 1.4286
پیوند بین آدم‌ها و بین طراحی و کد. ۰۱۲۳۴۵۶۷۸۹Low · 550 · 1.3333
پیوند بین آدم‌ها و بین طراحی و کد. ۰۱۲۳۴۵۶۷۸۹Low · 550 · 1.4545

ارقام فارسی

ارقام فارسی در پیوند «محتوا» هستند، نه «ظاهر». یعنی عدد را با ابزار زبانی مرورگر به ارقام فارسی تبدیل می‌کنیم و همان کاراکترها در صفحه می‌نشینند. اگر با ترفند قلم این کار را می‌کردیم، صفحه‌خوان عدد را اشتباه می‌خواند و کپی کردن هم ارقام لاتین می‌داد.

ارقام داخل کد، نشانی و شناسه‌ها لاتین می‌مانند — همان‌جا که باید.

بکن / نکن

بکن

«۲۰۰٬۰۰۰ تومان» — تولیدشده با ابزار زبانی، با جداکننده‌ی فارسی.

چرا (برای همه): عدد واقعی فارسی برای صفحه‌خوان و کپی درست کار می‌کند.

نکن

«200,000 تومان» که با قلم شبیه فارسی نمایش داده شود.

چرا (برای همه): ترفند قلم فقط شکل را عوض می‌کند، نه محتوا را.