CSS'de font-weight Nedir?

CSS'de font-weight özellik, bir yazı karakterinin kalınlık (boldness) derecesini belirlemek için kullanılır. Yazı karakterleri yüksek veya düşük kalınlıklarda olabilir ve font-weight değeri, fontu daha kalın veya daha ince göstermek için ayarlanabilir.
Font-weight değeri genellikle sayı veya ön tanımlı anahtar kelimeler (\"bold\" veya \"normal\" gibi) şeklinde ifade edilir.
Aşağıdaki örnek kodlar, font-weight'in nasıl kullanılabileceğine dair bazı örnekleri göstermektedir:
1. Sayı Değeri Kullanımı:
```css
h1 {
font-weight: 700;
}
```
Yukarıdaki örnek kodda, `h1` elemanının font-weight değeri `700` olarak ayarlanmıştır. Bu, fontun daha kalın görünmesini sağlar.
2. Anahtar Kelime Kullanımı:
```css
p {
font-weight: bold;
}
```
Yukarıdaki örnek kodda, `p` elemanının font-weight değeri \"bold\" olarak ayarlanmıştır. Bu da fontu daha kalın gösterir.
3. Font-weight'in Miras Alınması:
```css
body {
font-weight: normal;
}
h2 {
font-weight: bold;
}
```
Bu örnekte, `body` elemanının font-weight değeri \"normal\" olarak ayarlanmıştır. Bunun anlamı, tüm sayfadaki yazı karakterleri normal kalınlıkta olacaktır. Ancak, `h2` elemanı font-weight değerini \"bold\" olarak ayarlar ve bu özellik üstüne-yazma (override) yaparak, `h2` elemanlarının daha kalın görünmesini sağlar.
4. Sayı Değerleri ve Anahtar Kelimelerin Kullanımı:
```css
blockquote {
font-weight: 600;
font-weight: bold;
}
```
Bu örnek kodda, font-weight özelliği hem sayı değeri (`600`) hem de anahtar kelime (\"bold\") ile ayarlanmıştır. Tarayıcı, bu özellikleri birleştirerek, fontun daha kalın görünmesini sağlar.
Sonuç olarak, font-weight özellik hem sayı değerleri hem de anahtar kelimelerle kullanılabilir ve fontun kalınlığını belirlemek için kullanılabilir. Bu özellik, büyük başlıklar gibi vurgulamak istediğimiz metinlerin daha belirgin görünmesini sağlar.