Web Güvenli Yazı Tipleri Nelerdir?
Web uyumlu yazı tipleri, tüm tarayıcılara ve cihazlara evrensel olarak yüklenen yazı tipleridir.
Yedek Yazı Tipleri
%100 tamamen web uyumlu yazı tipleri yoktur. Bir yazı tipinin bulunmaması veya düzgün şekilde yüklenmemesi ihtimali her zaman vardır.
Bu nedenle her zaman yedek yazı tiplerini kullanmak çok önemlidir.
Bu, benzer “yedek yazı tiplerinin” bir listesini font-family özelliğine eklemeniz gerektiği anlamına gelir. İlk yazı tipi çalışmazsa, tarayıcı bir sonrakini, bir sonrakini vb. deneyecektir. Listeyi her zaman genel bir yazı tipi ailesi adıyla sonlandırın.
Burada üç yazı tipi türü vardır: Tahoma, Verdana ve sans-serif. İkinci ve üçüncü yazı tipleri, birincisinin bulunamaması durumunda yedektir.
<!DOCTYPE html>
<html>
<head>
<style>
p {
font-family: Tahoma, Verdana, sans-serif;
}
</style>
</head>
<body>
<p>Paragraf.</p>
<p>Paragraf.</p>
</body>
</html>
HTML ve CSS için En İyi Web Güvenli Yazı Tipleri
Aşağıdaki liste HTML ve CSS için en iyi web uyumlu yazı tipleridir:
- Arial (sans-serif)
- Verdana (sans-serif)
- Tahoma (sans-serif)
- Trebuchet MS (sans-serif)
- Times New Roman (serif)
- Georgia (serif)
- Garamond (serif)
- Courier New (monospace)
- Brush Script MT (cursive)
Not: Web sitenizi yayınlamadan önce yazı tiplerinizin farklı tarayıcılarda ve cihazlarda nasıl göründüğünü kontrol edin ve her zaman yedek yazı tiplerini kullanın.
Arial (sans-serif)
Arial, hem çevrimiçi hem de basılı medyada en yaygın kullanılan yazı tipidir. Arial aynı zamanda Google Dokümanlar’daki varsayılan yazı tipidir.
Arial en güvenli web yazı tiplerinden biridir ve tüm önemli işletim sistemlerinde mevcuttur.
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet.</p>
<p>0 1 2 3 4 5 6 7 8 9</p>
</body>
</html>
Verdana (sans-serif)
Verdana çok popüler bir yazı tipidir. Verdana, küçük yazı tipi boyutlarında bile kolayca okunabilir.
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: Verdana, sans-serif;
}
</style>
</head>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet.</p>
<p>0 1 2 3 4 5 6 7 8 9</p>
</body>
</html>
Tahoma (sans-serif)
Tahoma yazı tipinde karakterler arasında daha az boşluk bulunur.
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: Tahoma, sans-serif;
}
</style>
</head>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet.</p>
<p>0 1 2 3 4 5 6 7 8 9</p>
</body>
</html>
Trebuchet MS (sans-serif)
Trebuchet MS, Microsoft tarafından 1996 yılında tasarlanmıştır. Bu yazı tipini dikkatli kullanın. Tüm mobil işletim sistemleri tarafından desteklenmez.
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: 'Trebuchet MS', sans-serif;
}
</style>
</head>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet.</p>
<p>0 1 2 3 4 5 6 7 8 9</p>
</body>
</html>
Times New Roman (serif)
Times New Roman dünyanın en tanınabilir yazı tiplerinden biridir. Profesyonel bir görünüme sahiptir ve birçok gazete ve haber sitesinde kullanılmaktadır. Aynı zamanda Windows aygıtları ve uygulamaları için birincil yazı tipidir.
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: 'Times New Roman', serif;
}
</style>
</head>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet.</p>
<p>0 1 2 3 4 5 6 7 8 9</p>
</body>
</html>
Georgia (serif)
Georgia zarif bir serif yazı tipidir. Farklı yazı tipi boyutlarında oldukça okunabilir olduğundan mobil duyarlı tasarım için iyi bir adaydır.
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: Georgia, serif;
}
</style>
</head>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet.</p>
<p>0 1 2 3 4 5 6 7 8 9</p>
</body>
</html>
Garamond (serif)
Garamond, birçok basılı kitapta kullanılan klasik bir yazı tipidir. İyi okunabilirliğe sahiptir.
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: Garamond, serif;
}
</style>
</head>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet.</p>
<p>0 1 2 3 4 5 6 7 8 9</p>
</body>
</html>
Courier New (monospace)
Courier New, en yaygın kullanılan tek aralıklı serif yazı tipidir. Courier New genellikle kodlama ekranlarında kullanılır ve birçok e-posta sağlayıcısı bunu varsayılan yazı tipi olarak kullanır. Courier New aynı zamanda film senaryoları için de standart yazı tipidir.
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: 'Courier New', monospace;
}
</style>
</head>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet.</p>
<p>0 1 2 3 4 5 6 7 8 9</p>
</body>
</html>
Brush Script MT (cursive)
Brush Script MT yazı tipi el yazısını taklit edecek şekilde tasarlanmıştır. Zarif ve sofistike ancak okunması zor olabilir.
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: 'Brush Script MT', cursive;
}
</style>
</head>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet.</p>
<p>0 1 2 3 4 5 6 7 8 9</p>
</body>
</html>
İlerleyen yazılarda Google Font bölümünde yazı tiplerini daha detaylı ele alacağız.
