CSS'de font-size, metnin boyutunu belirlemek için kullanılan bir özelliktir. Bu özellik, genellikle piksel (px) veya em birimi ile belirtilir ve web sayfasındaki yazıların boyutunu ayarlamak için yaygın olarak kullanılır.
Font-size özelliği, herhangi bir CSS selektörü üzerinde kullanılabilir. Örneğin, belirli bir etiketteki metin için font boyutunu ayarlamak istiyorsanız, şu kodu kullanabilirsiniz:
```
h1 {
font-size: 36px;
}
```
Bu örnek kodda, h1 etiketindeki metnin boyutu 36 piksel olarak ayarlanmıştır. Bununla birlikte, font boyutunu diğer CSS birimleriyle de ayarlayabilirsiniz. Örneğin, em birimi kullanarak h1 etiketindeki metnin boyutunu 2em olarak ayarlamanız gerekiyorsa, şu şekilde yapabilirsiniz:
```
h1 {
font-size: 2em;
}
```
Burada 2em, metnin bulunduğu etiketin mevcut font boyutunun iki katı olacaktır.
Bir diğer yaygın kullanımı ise, belirli bir alanda (div vb.) yer alan tüm metnin boyutunu aynı olacak şekilde ayarlamaktır. Bunu şu şekilde yapabilirsiniz:
```
div {
font-size: 16px;
}
```
Bu örnekte, bir div etiketindeki tüm metnin boyutu 16 piksel olarak ayarlanmıştır. Bu, sayfadaki tüm div etiketleri için geçerli olacaktır.
Sonuç olarak, font-size özelliği, web sayfalarında metnin boyutunu ayarlamak için kullanılan önemli bir CSS özelliğidir. Doğru boyut ayarı, okunabilirliği artırabilir ve sayfanın genel estetiğini iyileştirebilir.