Fonts : Yazı Tipleri
Önceki sayfalarda belirtilen temel unsurlardan sonra artık web sayfamıza değişik görünümler
kazandırmaya başlayalım.
İlk etapta web sayfamızın içinde yer alacak olan (Font) yani yazı karakterlerini tanıyalım ve yazı karakterlerini
web sayfamız içinde nasıl kullanabileceğimizi öğrenelim.
Font (Yazı karakteri) :
Web sayfamıza eklediğimiz her yazının değişik bir çok karakteri olabilir. Genellikle Arial, Bookman Old Style, Comic Sans MS, Courier, Tahoma, Verdana, MS Sans Serif gibi yapımcısının koyduğu isimlerle anılırlar.
Merhaba (Arial yazı
tipi)
Merhaba
(Bookman Old Style yazı tipi)
Merhaba (Comic
Sans MS yazı tipi)
Merhaba (Courier
yazı tipi)
Merhaba (MS
Sans Serif yazı tipi)
Merhaba(Times New Roman yazı tipi)
Gördüğünüz gibi yazı karakterleri yapımcıları değişik şekillerde, yazılara
değişik görünümler kazandırırlar. Bu yazı karakterlerinin ne şekilde olduğunu
izlemek için bilgisayarınızın;
C: / Windows / Fonts Klasörünü açarak ve font isimlerine tek tek tıklayarak bir fikir
sahibi olabilirsiniz. Ayrıca İnternette genellikle grafik ağırlıklı bir çok web
sitesinde daha değişik bir çok font bulma olasılığınız da mevcut. Bu tür siteleri
konumuzla ilgili Bağlantılar başlığında bulabilirsiniz.
Fakat, bu konuda çok önemli bir iki hatırlatma yapmamda fayda var.
Biz, her ne kadar kendi dilimizde yani Türkçe bir site yapmayı planlıyorsak da,
İnternetin ana kullanım dili İngilizcedir. Size ücretsiz olarak font sunan (ki,
özellikle bazı tanınmış font siteleri bile vardır.) web sitelerinden indireceğiniz
fontlar büyük bir çoğunlukla sizin düşündüğünüz gibi bir sonuç vermeyecektir.
Dilimizde bulunan özel harfler (örn.: ö, ü, ş, ç,..gibi) ingilizcede bulunmadığı
ve font yapımcılarının büyük bir çoğunluğu da global kullanım dili olan
İngilizceyi kullandıkları için, indireceğiniz yazı karakterleri ile
hazırladığınız yazılarınız ziyaretçilerinizin tarayıcılarında aynı yazı
karakterleri kurulu olmaması nedeniyle istediğiniz etkiyi yaratamayacaktır. Her
tarayıcının default ( kullanılan) bir yazı tipi vardır. İşte sizin özene bezene
hazırladığınız sayfa ziyaretçinizin default yazı karakteri ile
görüntülenecektir. Ekran çözünürlüğü konusunda olduğu gibi (Benim sitem filanca
yazı karakteri ile en iyi görüntülenir) diyecek bir lüksümüz bulunmadığına göre
ne yapabiliriz?
Bunun en doğru çözümü, Windows işletim sisteminin her bilgisayara kurduğu (ki,
sizin bilgisayarınızda da aynısı vardır.) standart yazı karakterlerini
kullanmaktır.
Peki, hiç bir yazı karakteri indirmeyelim mi? İndirin. Ancak önemle vurgulanması gereken bir uyarıyı daha belirterek size yardımcı olayım.
Sisteminizin zaman içinde çökmemesi için yüzlerce yazı karakteri indirmeyin!Yeterli sayıda (20 - 50) yazı karakteri indirip, kullanabilirsiniz.(Sitelerdeki yazı karakteri dosyaları genellikle (zip) ile sıkıştırılmış dosyalardır. İndirme bittikten sonra - Lütfen İnternet üzerinden indirdiğiniz her dosyayı virus taramasından geçirmeden kullanmayın! - açtığınız zipli dosyanın içinde bulunan (.ttf = True Type Font) soyadlı dosyayı C: / Windows / Fonts klasörü içine extract edin(çıkartın). Menüdeki "Bağlantılar" bağlantısında indirdiğiniz bu yazı karakterlerini nasıl kullanabileceğinizi açıkladım.
Windows klasöründe yazı karakterlerini bir miktar tanıdıktan sonra, ilk etapta bu karakterin isimlerini
bir kenara kaydedin. Sitenizdeki yazılara nasıl bir takı uygulayacağımızı
göreceğimiz bu kısımda, siz de aynı işlemi kağıda not aldığınız yazı karakterlerini kullanarak uygulayın.
Şimdi tarayıcımızı açıp, Görünüm / Kaynak adımlarından web sayfamızı Not
defteri ile açalım.
<font face=Arial>Merhaba</font>
satırını yazalım ve Dosya / Kaydet menüsünden kaydedelim. Alt ve Tab tuşlarına basarak tarayıcımıza geri dönelim ve F5 tuşuna basalım. Merhaba yazısı "Arial" yazı karakteri ile karşımızda. <font face=Arial> takısı içindeki yazı karakterini bir deftere kaydettiğimiz diğer yazı karakterleri ile deneyelim.
Yazı karakterimize hangi işlemleri uygulayabiliriz?
Hazırlayacağımız web sayfasının içinde kullanacağımız
yazı karakteri / leri'ne bazı özel görünümler verebiliriz. Bu işlemleri takılara
çeşitli parametreler uygulayarak yapabiliriz.
Tekrar Not Defterini açalım.
<font face=Arial>Merhaba. Adım Ali. <b> Web siteme hoşgeldiniz.</b></font>
Dikkat ettiyseniz yazı <font> takısını açtık. Takının içine yazı karakteri parametresini face ekledik, bir cümle yazdık ve araya <b> takısını ekledik. Bu takı vurgulamayı düşündüğümüz yazının Bold (Kalın) olmasını sağladı. Vurgulamayı düşündüğümüz kısım bitince önce </b> takısını, ardından yazı takısını kapattık.
Yazımızı kalınlaştırmaya yarayan <b> ve </b> takılarından sonra yazı karakterini kapamayıp, yazımıza devam edebiliriz.
<font face=Arial>Merhaba. Adım Ali. <b> Web siteme hoşgeldiniz.</b>Sizlere hoşça zaman geçireceğinizi garanti ediyorum.</font>
Bu iki satırdan sonra yazdıkalrımızı kaydedelim Alt ve Tab tuşları ile tarayıcımıza dönelim. F5 tuşuna bastığımızda bu açıklamaların nasıl bir sonuç verdiğini görelim.
İşte yazdığımız yazının uygulaması
Not defterimizi tekrar açalım.
<font face=Arial>Merhaba. Adım Ali. <i> Web siteme hoşgeldiniz.</i></font>
Şimdi yazdıklarımız arasına eklediğimiz, <i></i> takısı yazımızın İtalik (Sağa Yatık) olmasını sağladı. Bunu görmek için sayfamızı kaydedelim ve tarayıcımız açıkken F5 tuşuna basalım. Gördüğünüz gibi yazımız İtalik (Sağa Yatık) oldu.
Unutmayın.
Kullandığımız takıları </> işaretleri ile sonlandırmadığımız sürece
takı işlevini devam ettirmek mecburiyetindedir.
Örneğimizde olduğu gibi İtalik olmasını istediğimiz bölümün sonunda eğer
</i> takısını koymasaydık, yazdıklarımız sayfamızın sonuna dek İtalik
olarak kalacaktı.
