CSS'de font-family Nedir?
CSS'de font-family Nedir?
Font-family, CSS (Cascading Style Sheets) stil sayfaları ile birlikte HTML (Hypertext Markup Language) belgelerinde kullanılan bir özelliktir. Bu özellik, belirli bir HTML sayfasında yazıların görüntülendiği yazı karakteri (font) ailesini belirlemek için kullanılır. Font-family özelliği, bir hizmet geleneklerine bağlı olarak kullanılabilen birkaç farklı font ailesi adı içerir. Bu özellik, bir web tasarımcısının belgedeki yazı karakterlerinin nasıl görüneceğini kontrol etmesine olanak tanır.
Font-family Özellikleri
Font-family özelliği, CSS'deki font özellikleri arasında en önemlisidir. Bu özellik bir dizi yazı karakteri ailesini destekler ve web yazı tasarımları için kullanılabilir. Özelliğin doğru kullanımı, web sitesinin etkileyici olmasını sağlayabilir. Font-family özelliği, yazı tipi ailesinin belirlenmesi için; font adı, font sınıfı, herhangi bir seri adı ve bir sonuç olarak bir kısım değer alabilir.
Örnek Kodlar
Aşağıdaki örnek, font-family özelliğini göstermektedir:
```css
p {
font-family: Arial, sans-serif;
}
```
Bu kod, belgedeki her paragrafın yazı tipi ailesinin Arial ve sans-serif olacağını belirtir. Bu, ziyaretçinin yerel bilgisayarında Arial yazı tipi ailesi yoksa, sans-serif yazı tipi ailesini yükleyeceği anlamına gelir. Arial, sans-serif'den önce yazıldığı için, font-familysi sunulduğu sırada yoksa bilgisayarda Arial yazı tipi ailesi yoksa, tarayıcı sans-serif kullanacaktır.
Bu özellik ayrıca yazı tipi ailesinin birincil ve ikincil alternatiflerini de destekler. Örnek:
```css
p {
font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;
}
```
Bu özellik, Helvetica Neue, Helvetica, Arial ve sans-serif yazı tipi ailelerini destekleyecektir. Tarayıcının Helvetica Neue yazı tipi ailesini desteklememesi durumunda, belge, Helvetica'ya geçecektir. Yukarıdaki örnek kodda, sıralama alternatif yazı tiplerinin önceliklerini gösterir.
Font-family özelliği, belgede birden fazla yazı tipi ailesine de izin verir. Örnek:
```css
h1 {
font-family: \"Open Sans\", Arial, sans-serif;
}
p {
font-family: Georgia, Cambria, \"Times New Roman\", serif;
}
```
Yukarıdaki örnek kodda, h1 etiketi için Open Sans, Arial ve sans-serif, p etiketi için de Georgia, Cambria, Times New Roman ve serif yazı tipi aileleri belirtilmiştir.
Sonuç
Font-family CSS özelliği, HTML belgelerinde yazıların görünümünü geliştirmek için kullanılan önemli bir araçtır. Özelliğin doğru kullanımı, belgenin sayfa görünümünü yükseltebilir ve bir web tasarımcısı olarak özel yazı tipi aileleri oluşturmanıza olanak tanır.
