Daha önceki yazılarda da altını çizmiştim tasarım dünyasında tipografi (typography) çok önemli bir konudur. Tasarım denince akla gelenlerden biridir ve web tasarımı için de artık günümüz tarayıcılarının geliştirilmesiyle gündeme gelmiştir. Web tasarımında typography kullanmak için sınırlarımız var elbette. Bu sınırlar tarayıcıların çizdiği sınırlar da olsa bazı yöntemler ile bu sınırları genişletebiliyoruz. Fakat bazen bu sınırlarda kalmamız gereken durumlar olabiliyor. Bu durumları özetlemek ve hangi durumda hani fontu kullanmak gerekir denildiğinde karşımıza şöyle bir liste geliyor:
- Text ağırlıklı bir site yapıyorsanız : “Serif” tipli fontlar kullanmalı ve 14px’den büyük 10px’ten küçük kullanmamalıyız.
- Başlıklarda zorunda kalmadıkça çok fazla italic, tamamı büyük harften oluşan veya tamamı küçük harten oluşan kombinasyonlardan kaçınmalıyız.
- Başlıklar için “Sans Serif” tipli fontlar kullanmalıyız ve gereksiz yere çok fazla büyük kullanmamalıyız.
Bu gibi konular için ise “Web Safe Fonts” dediğimiz windows veya mac ile gelen ve her bilgisayarda olan sistem fontlarını kullanabiliriz. Bu fontlar neler dersek eğer şöyle bir liste ile karşılaşırız:
- Serif
- Bookman Old Style – web-safe for Windows 7
- Cambria – web-safe for Windows Vista but not for Windows 9x/2K/XP
- Constantia – web-safe for Windows Vista but not for Windows 9x/2K/XP
- Times New Roman – web-safe for both Windows Vista and Windows 9x/2K/XP
- Georgia – web-safe for both Windows Vista and Windows 9x/2K/XP
- Garamond – web-safe for both Windows Vista and Windows 9x/2K/XP
- Palatino Linotype – this font is included in Windows 2000/XP
- Book Antiqua – this font was bundled with Windows 98
- Sans Serif
- Andale Mono – web-safe for both Windows Vista and Windows 9x/2K/XP
- Arial – web-safe for both Windows Vista and Windows 9x/2K/XP
- Arial Black – web-safe for both Windows Vista and Windows 9x/2K/XP
- Calibri – web-safe for Windows Vista but not for Windows 9x/2K/XP
- Candara – web-safe for Windows Vista but not for Windows 9x/2K/XP
- Century Gothic – web-safe for both Windows Vista and Windows 9x/2K/XP
- Charcoal – Web-safe for Windows 7
- Corbel – web-safe for Windows Vista but not for Windows 9x/2K/XP
- Impact – web-safe for both Windows Vista and Windows 9x/2K/XP
- Symbol
- Tahoma – Web-safe for Windows 7
- Trebuchet MS – web-safe for both Windows Vista and Windows 9x/2K/XP
- Verdana – web-safe for both Windows Vista and Windows 9x/2K/XP
- Webdings
