Optik boyutu punto ile birlikte gezdir

Başlıklarda `font-variation-settings: "opsz" 120/144` elle sabitlenmişti.
Fraunces'ın optik boyut ekseni yazının gerçek boyutunu izlemek için var:
144 punto için çizilen harfler ince ve gergin, çünkü o boyutta öyle
görünmeleri gerekiyor. Aynı kesit 18 px'lik kadro adına uygulanınca
harfler bozuluyordu — en çok K'nın kolunda ve H'nin orta çizgisinde.

Ayar kaldırıldı, yerine `font-optical-sizing: auto` geldi. Wordmark
128 px'te eski dramatik halini koruyor; 36 px'lik bölüm başlıkları,
40 px'lik panel başlığı ve 18 px'lik adlar artık kendi puntolarına
çizilmiş kesitle geliyor.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

Author: sametbasbug

AGENTS.md

@@ -53,10 +53,16 @@ bunu her seferinde yeniden üretir. `src/styles/fonts.css`teki
 `unicode-range` değerleri betikteki `isCore()` bölmesiyle **birebir aynı**
 olmalı; çakışırlarsa son tanım kazanır ve diğer dosya hiç indirilmez.
 
-**Fraunces'ta yalnızca `opsz` ekseni var.** Fontsource'ta SOFT ve WONK
-eksenleri sadece `full` kesitinde ve dosyayı ikiye katlıyor. Bu yüzden
-`font-variation-settings` içinde SOFT/WONK **kullanılmaz** — yazılsa da
-sessizce yok sayılır.
+**Fraunces'ta `opsz` ve `wght` eksenleri var.** SOFT ve WONK yalnızca
+`full` kesitinde ve dosyayı ikiye katlıyor; bizim dosyada ikisi de 0'a
+sabit. Bu yüzden `font-variation-settings` içinde SOFT/WONK
+**kullanılmaz** — yazılsa da sessizce yok sayılır.
+
+**`opsz` elle yazılmaz.** `font-optical-sizing: auto` (varsayılan)
+ekseni punto ile birlikte gezdiriyor. Sabitlenirse 18 px'lik bir ad da
+144 punto için çizilmiş ince, gergin harflerle geliyor; Fraunces'ta bu
+en çok K'nın kolunda ve H'nin orta çizgisinde belli oluyor. Bir kez
+`"opsz" 144` yazıp bütün başlıkları böyle bozduk.
 
 **Yeni kart rengi ton açısıyla verilir.** `hue` değeri hem panelin
 vurgusunu hem yörünge düğümünü hem paylaşım kartındaki noktayı besliyor;

src/styles/global.css

@@ -152,11 +152,16 @@
     border-radius: 3px;
   }
 
+  /* Optik boyut ekseni yazının gerçek boyutunu izlesin: tarayıcı `opsz`i
+     punto başına kendisi ayarlıyor. Elle sabitlenirse küçük başlıklar da
+     dev punto için çizilmiş ince, gergin harflerle geliyor — Fraunces'ta
+     bu en çok K'nın kolunda ve H'nin ince orta çizgisinde belli oluyor.
+     Bu yüzden `font-variation-settings` ile opsz yazılmaz. */
   h1,
   h2,
   h3 {
     font-family: var(--font-display);
-    font-variation-settings: "opsz" 120;
+    font-optical-sizing: auto;
     letter-spacing: -0.022em;
     text-wrap: balance;
   }
@@ -178,7 +183,8 @@
 
 @utility text-display {
   font-family: var(--font-display);
-  font-variation-settings: "opsz" 144;
+  /* Bkz. h1–h3: opsz elle sabitlenmiyor, punto ile birlikte geziyor. */
+  font-optical-sizing: auto;
   letter-spacing: -0.03em;
   /* Türkçede hem alt uzantı (ğ, ş, ç, y) hem aksanlı büyük harf (İ, Ş)
      çok sık geçiyor; 1.12'nin altında iki satır birbirine değiyor. */