Web Safe Fonts Reference
Web güvenli yazı tiplerini serif, sans-serif ve monospace kategorileri ile canlı önizlemelerde göz atın.
Arial, Helvetica, sans-serifThe quick brown fox jumps over the lazy dog
'Arial Black', Gadget, sans-serifThe quick brown fox jumps over the lazy dog
Verdana, Geneva, sans-serifThe quick brown fox jumps over the lazy dog
Tahoma, Geneva, sans-serifThe quick brown fox jumps over the lazy dog
'Trebuchet MS', Helvetica, sans-serifThe quick brown fox jumps over the lazy dog
Impact, Charcoal, sans-serifThe quick brown fox jumps over the lazy dog
Helvetica, Arial, sans-serifThe quick brown fox jumps over the lazy dog
'Times New Roman', Times, serifThe quick brown fox jumps over the lazy dog
Georgia, serifThe quick brown fox jumps over the lazy dog
Garamond, serifThe quick brown fox jumps over the lazy dog
'Palatino Linotype', 'Book Antiqua', Palatino, serifThe quick brown fox jumps over the lazy dog
'Book Antiqua', Palatino, serifThe quick brown fox jumps over the lazy dog
'Courier New', Courier, monospaceThe quick brown fox jumps over the lazy dog
'Lucida Console', Monaco, monospaceThe quick brown fox jumps over the lazy dog
Monaco, 'Courier New', monospaceThe quick brown fox jumps over the lazy dog
| Font Adı |
|---|
| Arial |
| Arial Black |
| Verdana |
| Tahoma |
| Trebuchet MS |
| Impact |
| Helvetica |
| Times New Roman |
| Georgia |
| Garamond |
| Palatino Linotype |
| Book Antiqua |
| Courier New |
| Lucida Console |
| Monaco |
Bu araç hakkında
Web güvenli yazı tipleri, tüm cihazlarda ve tarayıcılarda ek indirmeler gerektirmeden doğru şekilde görüntülenmeleri garanti olan yazı tipidir ve güvenilir web tipografisinin temelini oluşturur. Sayfa yükleme süresini artırabilen ve geri dönüş stratejileri gerektiren özel yazı tipleri aksine, web güvenli yazı tipleri pratik olarak tüm bilgisayarlarda ve işletim sistemlerinde önceden yüklüdür. Bu araç, serif, sans-serif ve monospace'e göre düzenlenmiş tüm web güvenli yazı tiplerinin kapsamlı bir referansını sağlayarak, tasarımınız için mükemmel yazı tipini hızlı bir şekilde bulmanıza ve nasıl render edileceğini tahmin etmenize gerek kalmadan yardımcı olur.
Bu referansı kullanmak basittir: her yazı tipinin tam olarak nasıl göründüğünü gösteren canlı önizlemelerle web güvenli yazı tiplerinin tam listesine göz atın veya geleneksel tasarımlar için serif yazı tipleri, modern ve temiz düzenler için sans-serif veya kod ve teknik içerik için monospace'e odaklanmak üzere kategoriye göre filtre uygulayın. Her önizleme yazı tipini çeşitli boyutlar ve ağırlıklarda görüntüleyerek tasarımınıza karar vermeden önce okunabilirliği ve görsel etkiyi değerlendirebilirsiniz. Beğendiğiniz bir yazı tipi bulduğunuzda, CSS font-family deklarasyonunu doğrudan stil sayfanıza kopyalayabilirsiniz.
Bu araç, web yazı tipi hizmetlerinin karmaşıklığı olmadan hızlı ve güvenilir web siteleri oluşturmak isteyen geliştiriciler ve tasarımcılar için gereklidir. Web güvenli yazı tipleri arasından seçim yaparak cihazlar arasında tutarlı tipografi sağlarsınız, HTTP isteklerini azaltırsınız ve sayfa performansını iyileştirirsiniz—aynı zamanda profesyonel tasarım standartlarını korursunuz.
Sıkça Sorulan Sorular
Kod Uygulaması
# Generate CSS font stacks for web-safe fonts
WEB_SAFE_FONTS = {
"serif": [
("Georgia", "Georgia, 'Times New Roman', Times, serif"),
("Times New Roman", "'Times New Roman', Times, serif"),
("Palatino", "'Palatino Linotype', 'Book Antiqua', Palatino, serif"),
("Garamond", "Garamond, serif"),
],
"sans-serif": [
("Arial", "Arial, Helvetica, sans-serif"),
("Helvetica", "Helvetica, Arial, sans-serif"),
("Verdana", "Verdana, Geneva, sans-serif"),
("Tahoma", "Tahoma, Geneva, sans-serif"),
("Trebuchet MS", "'Trebuchet MS', Helvetica, sans-serif"),
],
"monospace": [
("Courier New", "'Courier New', Courier, monospace"),
("Lucida Console", "'Lucida Console', Monaco, monospace"),
("Consolas", "Consolas, 'Courier New', monospace"),
],
}
for category, fonts in WEB_SAFE_FONTS.items():
print(f"\n{category.upper()}")
for name, stack in fonts:
print(f" {name}: font-family: {stack}")Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.