/* ============================================================ fonts-script.css — Latin dışı yazılar için font yığınları. Sorun: assets/fonts/ altındaki self-hosted fontlar (Barlow, Barlow Condensed, Pace Grotesk, Pixelify Sans) yalnızca Latin kapsıyor. Arapça, Devanagari, Bengalce, CJK, Ethiopic ve Kiril sayfalarda tarayıcı sessizce sistem fontuna düşüyor ve piksel-arcade kimliği tamamen kayboluyor. Çözüm: yazıya göre sistem font yığını. Web font İNDİRİLMİYOR — bu diller için doğru subsetlenmiş woff2 üretmek ayrı bir iş kalemi; o gelene kadar platformun kendi yüksek kaliteli fontlarını bilinçli olarak seçiyoruz, tarayıcının rastgele fallback'ine bırakmıyoruz. Build , yazıyor (content/locales.json'daki `script` alanından). ============================================================ */ /* — Arapça / Fars / Urdu — */ :root[data-script="arabic"] { --font-display: "Noto Kufi Arabic", "Cairo", "Tajawal", "Segoe UI", "Geeza Pro", "Droid Arabic Naskh", sans-serif; --font-body: "Noto Sans Arabic", "IBM Plex Sans Arabic", "Segoe UI", "Geeza Pro", "Droid Arabic Naskh", sans-serif; --font-cond: var(--font-body); } /* Arap harfleri Latin'e göre optik olarak daha küçük görünür ve piksel font'un dar satır aralığı bu yazıda okunmaz oluyor. */ :root[data-script="arabic"] body { font-size: 1.06rem; line-height: 1.85; } :root[data-script="arabic"] .display, :root[data-script="arabic"] h1, :root[data-script="arabic"] h2 { letter-spacing: 0; line-height: 1.4; } /* — Devanagari (Hindi) — */ :root[data-script="devanagari"] { --font-display: "Noto Sans Devanagari", "Mukta", "Hind", "Nirmala UI", "Kohinoor Devanagari", sans-serif; --font-body: "Noto Sans Devanagari", "Mukta", "Hind", "Nirmala UI", "Kohinoor Devanagari", sans-serif; --font-cond: var(--font-body); } :root[data-script="devanagari"] body { line-height: 1.8; } :root[data-script="devanagari"] .display { letter-spacing: 0; } /* — Bengalce — */ :root[data-script="bengali"] { --font-display: "Noto Sans Bengali", "Hind Siliguri", "Nirmala UI", "Bangla MN", sans-serif; --font-body: "Noto Sans Bengali", "Hind Siliguri", "Nirmala UI", "Bangla MN", sans-serif; --font-cond: var(--font-body); } :root[data-script="bengali"] body { line-height: 1.85; } :root[data-script="bengali"] .display { letter-spacing: 0; } /* — CJK (Çince / Japonca / Korece) — */ :root[data-script="cjk"] { --font-display: "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", "Hiragino Sans", "Yu Gothic", "Microsoft YaHei", "Malgun Gothic", sans-serif; --font-body: var(--font-display); --font-cond: var(--font-display); } /* CJK'da harf aralığı açmak okunabilirliği bozar. */ :root[data-script="cjk"] .display, :root[data-script="cjk"] h1, :root[data-script="cjk"] h2, :root[data-script="cjk"] .eyebrow { letter-spacing: 0; line-height: 1.45; } :root[data-script="cjk"] body { line-height: 1.8; } /* CJK'da kelime arası boşluk yok; satır sonu kuralları farklı. */ :root[data-script="cjk"] p, :root[data-script="cjk"] li { line-break: strict; overflow-wrap: anywhere; } /* — Ethiopic (Amharca) — */ :root[data-script="ethiopic"] { --font-display: "Noto Sans Ethiopic", "Abyssinica SIL", "Kefa", sans-serif; --font-body: "Noto Sans Ethiopic", "Abyssinica SIL", "Kefa", sans-serif; --font-cond: var(--font-body); } :root[data-script="ethiopic"] body { line-height: 1.85; } :root[data-script="ethiopic"] .display { letter-spacing: 0; } /* — Kiril (Rusça) — Barlow Kiril'i kısmen kapsıyor; başlık fontu Pixelify kapsamıyor. Bu yüzden yalnızca display fontu değiştiriliyor. */ :root[data-script="cyrillic"] { --font-display: "Noto Sans", "PT Sans", "Segoe UI", "Helvetica Neue", sans-serif; } :root[data-script="cyrillic"] .display { letter-spacing: .5px; } /* — RTL genel düzeltmeleri — */ [dir="rtl"] .post__crumbs, [dir="rtl"] .foot__bottom { text-align: start; } /* Yön belirten ok/karakterler RTL'de mantıksal olarak ters durmalı. */ [dir="rtl"] .arw, [dir="rtl"] .ghero__scroll-arrow { transform: scaleX(-1); }