/* =========================================================== فونتِ رسمیِ برند — کتابِ هویتِ GTA (Afra Design، آگوست ۲۰۲۵) فارسی: Ray Family (۶ وزن) · لاتینِ نمایشی: AvantGarde BT اعمال: ۲۰۲۶-۰۸-۲۵ ----------------------------------------------------------- ⚠️ قاعده‌ی قطعی: «خواناییِ عدد از زیباییِ فونت مهم‌تر است». اندازه‌گیریِ واقعی روی رندرِ ۱۳px (اندازه‌ی جدول‌های سامانه): ارقامِ لاتین ارتفاعِ مرکب جرمِ مرکب Peyda 400 ۹px ۲۳۲ Ray 400 ۷px ۱۲۵ (۲۲٪ کوتاه‌تر، ۴۶٪ کم‌رنگ‌تر) Ray 700 ۷px ۱۴۴ (حتی وزنِ Bold هم جبران نمی‌کند) یعنی ارقامِ Ray در ستونِ مبلغ/وزن/فی/شبا محسوس بدخوان‌تر از چیزی است که اپراتور امروز دارد. ضمناً قابلیتِ `tnum` (ارقامِ هم‌عرض) در Ray عملاً کار نمی‌کند: برای ارقامِ لاتین صفر جایگزینی دارد و برای ارقامِ فارسی هم بعد از جایگزینی هنوز ۹ عرضِ متفاوت می‌ماند. پس Ray هیچ سودِ هم‌ترازی هم نمی‌دهد. ⇒ تصمیم: **متن با Ray، عدد با همان Peyda‌ی امروز.** با `unicode-range` داخلِ یک نامِ خانواده (`GtaUI`) انجام می‌شود، پس هیچ صفحه‌ای کلاسِ جدید لازم ندارد و هیچ جدولی جا نمی‌افتد. ارقام دقیقاً مثل دیروز رندر می‌شوند ⇒ ریسکِ صفر روی پول و وزن. حجم: فایل‌های Peyda فقط تا ارقام/جداکننده/لاتین ساب‌ست شده‌اند (۲۸.۶KB → ۵.۹KB هر وزن)، پس بارگذاریِ اول سنگین‌تر نشده است. =========================================================== */ /* ---------- ۱) Ray — متنِ فارسی (پایه‌ی خانواده‌ی GtaUI) ---------- ⚠️ جبرانِ اندازه و ضخامت (۲۰۲۶-۰۸-۲۶). اندازه‌گیریِ واقعیِ رندر (بومِ کانواس، ۲۰۰px، شمارشِ پیکسلِ جوهر) نشان داد Ray در همان `font-size` محسوس کوچک‌تر و کم‌جوهرتر از Peyda است: ارتفاعِ بدنه‌ی حرف (ه) Peyda ۹۲ → Ray ۷۴ (۲۰٪ کوتاه‌تر) جرمِ جوهرِ یک جمله Peyda ۱۳۷۴۸ → Ray ۱۰۶۳۱ (۲۳٪ کم‌رنگ‌تر) جعبه‌ی خط (line-height:normal @۱۰۰px) Peyda ۱۴۰ → Ray ۱۶۰ یعنی متن هم ریزتر شد، هم نازک‌تر، و هم جعبه‌ی خطش ۱۴٪ بلندتر (پس در همان ردیف کوچک‌تر به‌نظر می‌رسید). علیرضا همین را دید. ⇒ جبران با `size-adjust` انجام می‌شود، نه با دست‌زدن به `font-size`ِ صفحه‌ها — این‌طور هیچ صفحه‌ای بازچینش نمی‌شود: size-adjust:120% گلیف‌ها ۲۰٪ بزرگ‌تر ⇒ بدنه‌ی حرف به ۹۶٪ِ Peyda می‌رسد و جرمِ جوهر ۱۱٪ از Peyda بیشتر. عرضِ سطر فقط ۱.۸٪ با Peyda فرق می‌کند (Ray ذاتاً ۱۵٪ باریک‌تر است) ⇒ هیچ ستونی سرریز نمی‌کند. ascent/descent-override جعبه‌ی خط روی عددِ Peyda پین می‌شود (۹۰٪/۵۰٪ تقسیم بر ۱.۲ ⇒ ۷۵٪/۴۱.۶۶۷٪). اندازه‌گیری شد: دقیقاً ۱۴۰px، عینِ Peyda ⇒ ارتفاعِ هیچ ردیفی ذره‌ای عوض نمی‌شود. ⚠️ نردبانِ وزن یک پله جابه‌جا شد. دلیل: **`Ray-Medium.woff2` با `Ray-Regular.woff2` بایت‌متفاوت است ولی پیکسل‌به‌پیکسل یکسان رندر می‌شود** (اندازه‌گیری شد: هر دو h=115 جرم=۲۹۰۱ عرض=۴۶۵). یعنی وزنِ ۵۰۰ — که مدبلیزر برای سرستونِ جدول‌ها و دکمه‌ها به کار می‌برد — عملاً هیچ ضخامتی اضافه نمی‌کرد. جدولِ تطبیق بعد از جبران: CSS فایلِ Ray جرم×۱.۴۴ Peydaی هم‌وزن اختلاف ۴۰۰ Regular ۱۵۳۰۹ ۱۳۷۴۸ +۱۱٪ ۵۰۰ Bold ۱۹۴۱۶ ۱۶۵۹۵ +۱۷٪ ۶۰۰ Bold ۱۹۴۱۶ ۱۹۴۹۶ ۰٪ ۷۰۰ ExtraBold ۲۴۵۷۴ ۲۲۵۱۲ +۹٪ ۸۰۰ Black ۳۰۸۵۶ ۲۵۴۷۵ +۲۱٪ ۹۰۰ Black ۳۰۸۵۶ ۲۹۵۳۵ +۴٪ همه‌ی وزن‌ها فایلِ واقعیِ Ray هستند — هیچ ضخیمِ ساختگیِ مرورگر. ------------------------------------------------------------- */ @font-face{font-family:'GtaUI';font-style:normal;font-weight:100 300;font-display:swap; size-adjust:120%;ascent-override:75%;descent-override:41.667%;line-gap-override:0%; src:url('Fonts/Ray/Ray-Light.woff2') format('woff2')} @font-face{font-family:'GtaUI';font-style:normal;font-weight:400;font-display:swap; size-adjust:120%;ascent-override:75%;descent-override:41.667%;line-gap-override:0%; src:url('Fonts/Ray/Ray-Regular.woff2') format('woff2')} /* ۵۰۰ و ۶۰۰ → Bold، چون Ray-Medium عملاً همان Regular است (بالا) */ @font-face{font-family:'GtaUI';font-style:normal;font-weight:500 600;font-display:swap; size-adjust:120%;ascent-override:75%;descent-override:41.667%;line-gap-override:0%; src:url('Fonts/Ray/Ray-Bold.woff2') format('woff2')} @font-face{font-family:'GtaUI';font-style:normal;font-weight:700;font-display:swap; size-adjust:120%;ascent-override:75%;descent-override:41.667%;line-gap-override:0%; src:url('Fonts/Ray/Ray-ExtraBold.woff2') format('woff2')} /* ۸۰۰ → Black: وزنِ ۸۰۰ در سامانه جای برچسبِ ریزِ ناوبری، تگ‌ها و عنوان‌های کوچک است (.625rem تا .75rem) — همان‌جایی که ضخامت خوانایی می‌آورد. با ExtraBold هنوز ۴٪ از Peydaی دیروز کم‌رنگ‌تر بود. */ @font-face{font-family:'GtaUI';font-style:normal;font-weight:800 900;font-display:swap; size-adjust:120%;ascent-override:75%;descent-override:41.667%;line-gap-override:0%; src:url('Fonts/Ray/Ray-Black.woff2') format('woff2')} /* ---------- ۲) Peyda — فقط ارقام، جداکننده‌ها و لاتین (خانواده‌ی جدا) ---------- 🔴 چرا خانواده‌ی جداست و نه یک `GtaUI`ِ مشترک (کشفِ ۲۰۲۶-۰۸-۲۶): وقتی هر دو فونت زیرِ یک نامِ خانواده بودند، برای وزن‌هایی که هم Ray و هم PeydaNum اعلان داشتند (۵۰۰، ۶۰۰، ۸۰۰) مرورگر **فاصله‌ی وزنِ صفر** برای هر دو می‌دید و اعلانِ دیرترِ فایل (PeydaNum) را برمی‌داشت — یعنی متنِ فارسی از فایلِ ساب‌ستِ ارقام کشیده می‌شد و حروفش اصلاً درست نبود. با بومِ کانواس اندازه‌گیری و ثابت شد (وزنِ ۵۰۰: ارتفاعِ «ه» ۶۰ به‌جای ۸۹). ⇒ حالا دو خانواده‌ی جدا: `GtaNum` (ارقام/لاتین) و `GtaUI` (Ray). در پشته‌ی فونت `GtaNum` اول می‌آید؛ برای کاراکترِ داخلِ `unicode-range`ش برنده است و برای بقیه‌ی کاراکترها مرورگر خودبه‌خود می‌رود سراغِ `GtaUI`. هیچ گره‌ی وزنی باقی نمی‌ماند. ارقام دقیقاً مثل دیروز رندر می‌شوند ⇒ ریسکِ صفر روی پول و وزن. 🔴 استثنا: **U+066C (جداکننده‌ی هزارگانِ فارسی ٬) عمداً بیرونِ این محدوده است** تا از Ray بیاید نه Peyda. اندازه‌گیری روی رندرِ زنده: U+066C عرضِ پیش‌روی جوهر بالا پایین Peyda ۱۵.۸ ۲۰۴ -۶۳ -۴۱ ← تیکِ ریزِ بالا Ray ۲۷ ۲۳۱ -۱۳ +۱۳ ← روی خطِ کرسی جداکننده‌ی Peyda یک تیکِ کوچکِ بالا است که در ستونِ مبلغِ ۱۴px حدودِ ۳px می‌شود و عملاً گم می‌شود (در عکسِ ممیزی جداکننده‌ی دومِ «۲٬۵۲۹٬۹۱۰» اصلاً دیده نمی‌شد). مالِ Ray هم پهن‌تر است (فاصله‌ی بینِ سه‌رقمی‌ها بیشتر) و هم روی کرسی می‌نشیند، پس مثلِ ویرگول خوانده می‌شود. طبقِ قاعده‌ی «خواناییِ عدد از زیباییِ فونت مهم‌تر است»، این یکی کاراکتر به Ray سپرده شد. ⚠️ U+066A (٪) و U+066B (٫ ممیز) همچنان Peyda می‌مانند — سنجیده شد، هر دو روی کرسی و خوانا هستند. ------------------------------------------------------------- */ @font-face{font-family:'GtaNum';font-style:normal;font-weight:400;font-display:swap; src:url('Fonts/PeydaNum/PeydaNum-400.woff2') format('woff2'); unicode-range:U+0025,U+002B-002F,U+0030-0039,U+003A,U+0041-005A,U+005E,U+0061-007A,U+007E,U+00A1-00A9,U+00AE,U+00BF,U+00D7,U+0660-0669,U+066A-066B,U+06F0-06F9,U+2013,U+201A,U+201E,U+2020-2021,U+2044,U+20AC,U+2122,U+2212} @font-face{font-family:'GtaNum';font-style:normal;font-weight:500;font-display:swap; src:url('Fonts/PeydaNum/PeydaNum-500.woff2') format('woff2'); unicode-range:U+0025,U+002B-002F,U+0030-0039,U+003A,U+0041-005A,U+005E,U+0061-007A,U+007E,U+00A1-00A9,U+00AE,U+00BF,U+00D7,U+0660-0669,U+066A-066B,U+06F0-06F9,U+2013,U+201A,U+201E,U+2020-2021,U+2044,U+20AC,U+2122,U+2212} @font-face{font-family:'GtaNum';font-style:normal;font-weight:600;font-display:swap; src:url('Fonts/PeydaNum/PeydaNum-600.woff2') format('woff2'); unicode-range:U+0025,U+002B-002F,U+0030-0039,U+003A,U+0041-005A,U+005E,U+0061-007A,U+007E,U+00A1-00A9,U+00AE,U+00BF,U+00D7,U+0660-0669,U+066A-066B,U+06F0-06F9,U+2013,U+201A,U+201E,U+2020-2021,U+2044,U+20AC,U+2122,U+2212} @font-face{font-family:'GtaNum';font-style:normal;font-weight:700;font-display:swap; src:url('Fonts/PeydaNum/PeydaNum-700.woff2') format('woff2'); unicode-range:U+0025,U+002B-002F,U+0030-0039,U+003A,U+0041-005A,U+005E,U+0061-007A,U+007E,U+00A1-00A9,U+00AE,U+00BF,U+00D7,U+0660-0669,U+066A-066B,U+06F0-06F9,U+2013,U+201A,U+201E,U+2020-2021,U+2044,U+20AC,U+2122,U+2212} @font-face{font-family:'GtaNum';font-style:normal;font-weight:800;font-display:swap; src:url('Fonts/PeydaNum/PeydaNum-800.woff2') format('woff2'); unicode-range:U+0025,U+002B-002F,U+0030-0039,U+003A,U+0041-005A,U+005E,U+0061-007A,U+007E,U+00A1-00A9,U+00AE,U+00BF,U+00D7,U+0660-0669,U+066A-066B,U+06F0-06F9,U+2013,U+201A,U+201E,U+2020-2021,U+2044,U+20AC,U+2122,U+2212} @font-face{font-family:'GtaNum';font-style:normal;font-weight:900;font-display:swap; src:url('Fonts/PeydaNum/PeydaNum-900.woff2') format('woff2'); unicode-range:U+0025,U+002B-002F,U+0030-0039,U+003A,U+0041-005A,U+005E,U+0061-007A,U+007E,U+00A1-00A9,U+00AE,U+00BF,U+00D7,U+0660-0669,U+066A-066B,U+06F0-06F9,U+2013,U+201A,U+201E,U+2020-2021,U+2044,U+20AC,U+2122,U+2212} /* ---------- ۳) AvantGarde BT — فقط لاتینِ نمایشیِ برند ---------- ⚠️ عمداً روی رابط اعمال **نمی‌شود**: فقط دو حالت دارد (Book و Book Italic — بدونِ Bold) و ۲۶۰ گلیف، پس برای متنِ رابط وزنِ ضخیم ندارد و مرورگر مجبور به ضخیم‌کردنِ ساختگی می‌شود. جای درستش تیترِ برندیِ لاتین است: کلاسِ `.gta-brand-latin`. ---------------------------------------------------------------- */ @font-face{font-family:'GtaBrandLatin';font-style:normal;font-weight:400;font-display:swap; src:url('Fonts/AvantGardeBT/AvantGardeBT-Book.woff2') format('woff2')} @font-face{font-family:'GtaBrandLatin';font-style:italic;font-weight:400;font-display:swap; src:url('Fonts/AvantGardeBT/AvantGardeBT-BookItalic.woff2') format('woff2')} .gta-brand-latin{font-family:'GtaBrandLatin','GtaNum','GtaUI','Segoe UI',Tahoma,sans-serif !important; letter-spacing:.02em} /* ---------- ۴) اعمال روی کلِ سایت ---------- همان الگوی `peyda-font.css` (هر فرزندِ body) تا هیچ کامپوننتِ تازه‌ای جا نیفتد. این فایل بعد از peyda-font.css بار می‌شود. ------------------------------------------------- */ html body, html body *{ font-family:'GtaNum','GtaUI','Peyda','Segoe UI',Tahoma,sans-serif !important; } /* استثنا: آیکون‌ها فونتِ خودشان را نگه دارند (وگرنه مربع/حرف می‌شوند). */ .material-icons, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-two-tone, .material-symbols-outlined, .mud-icon-font, [class*="material-icons"], [class*="material-symbols"], .fa, .fas, .far, .fab, .fal, .fad, [class^="fa-"], [class*=" fa-"], i[class*="icon"]{ font-family:'Material Icons','Material Symbols Outlined', 'Font Awesome 6 Free','Font Awesome 6 Brands', 'Font Awesome 5 Free','FontAwesome' !important; }