font-size, CSS’te bir metnin yazı tipi boyutunu belirleyen özelliktir. Yani sayfadaki bir yazının ne kadar büyük veya küçük görüneceğini kontrol edersin.
Modern web geliştirmede font-size konusu ciddi bir evrim geçirdi. Detaylı açıklayayım.
1. Birimler ve Temel Kavramlar
Absolute (Mutlak) Birimler
/* PX - Pixel */
p { font-size: 16px; }
❌ Tarayıcı ayarlarına duyarlı değil
❌ Kullanıcı font tercihlerini görmezde
Metin okunabilirliği, kullanıcıların metni ne kadar kolay okuyabildiği ve anladığıyla ilgilidir. Bu, tipografi, spacing, kontrast ve layout kararlarının birleşimidir.
1. Temel Okunabilirlik Faktörleri
a) Satır Uzunluğu (Line Length / Measure)
Optimal: 45-75 karakter (İngilizce için), 50-80 karakter (Türkçe için)
/* Kötü - çok geniş satırlar */
.article {
max-width: 100%;
/* 120+ karakter - gözler satır sonunu bulamaz */
}
/* İyi - optimal satır uzunluğu */
.article {
max
