Typechart

Typechart uygulaması ile CSS kodunu incelerken aynı zamanda çeşitli web tipografi örnekleri arasında gezinebilirsiniz. Tüm tipografi stilleri arasında gezinebilir ve ilgilendiğiniz tipografinin CSS kodunu indirebilirsiniz. Eğer siz de farklı tipografi örnekleri ile ilgileniyor ancak çapraz tarayıcı uyumlu kod yazmak için saatler harcamak istemiyorsanız, bu araç oldukça işinize yarayacaktır.CSS Type Set

Bu mükemmel araç üzerinden ilgilendiğiniz metni girebilir ve ardından yüzlerce farklı CSS tercihleri üzerinde değişiklikler ypabilirsiniz. İstediğiniz sonuca ulaştığınızda ise tek yapmanız gereken şey, sunulan CSS kodunu kopyalayıp siteniz üzerinde kullanmak.Typetester

Typetester çevrimiçi bir uygulama olup üç adede kadar yazı tipini karşılaştırmanıza ve beğendiğiniz yazı tipine daha kolay karar verebilmenizi sağlıyor. Uygulamanın ana amacı web tasarımcılarının hayatlarını daha da kolaylaştırmak.STC font BROWSER

Bu uygulama aracılığı ile farklı yazıtiplerini kullanarak dilediğiniz metnin ilgili yazı tipi üzerinde nasıl görüneceğini inceleyebilirsiniz.Font Tester

Font Tester, ücretsiz bir yazı tipi karşılaştırma aracıdır. Uygulama üzerinden farklı yaztiplerini yan yana getirip karşılaştırabilir ve sonuç üzerine CSS kodları uygulayarak sonucu eş zamanlı olarak görebilirsiniz.CSSTXT

CSSTXT, CSS ile metin blokları oluşturup onların stillerini yönetebilmenizi sağlıyor. letter-spacing, word-spacing, font-size, line-height, border, font-family, align ve color özelliklerinden birini seçmeniz mümkün.WhatTheFont

Daha önce hiç herhangi bir basılı ya da görsel malzeme üzerinde gördüğünüz bir metinde kullanılan yazı tipinin ne olduğunu merak ettiğiniz mi? Artık bu uygulama ile bu sorun olmaktan çıkıyor. Yazı tipini öğrenmek istediğiniz metnin görselini siteye gönderin ve çok kısa bir süre içerisinde kullanılan yazı tipinin ne olduğunu öğrenin. Mükemmel!Font Picker

Bu basit uygulama sisteminizde kurulu olan tüm yazıtiplerini gösteriyor ve üzerinde çalıştığınız proje için en uygun yazı tipini belirlemenize yardımcı oluyor.Wordle – Güzel Kelime Bulutları

Wordle, uygulamaya sunduğunuz metin üzerinden kelime bulutları oluşturabilmenizi sağlıyor. Metin üzerinde daha sık kullanılan kelimeler, kelime bulutu üzerinde daha belirgin hale geliyorlar. Bulutunuz üzerinde farklı yazıtipleri, anahatlar ve renk şemaları kullanarak özelleştirme yapmanız da mümkün.Typotheque – Yüksek Çözünürlüklü Yazı tipi Testçisi

Sadece site üzerinden satın alabileceğiniz yazıtipleri ile sınırlı olan bu uygulama aracılığı ile yazıtiplerinize farklı stiller uygulayabilir ve çıktısını PDF biçiminde alabilirsiniz.Linotype Yazı tipi Bulucusu

WhatTheFont uygulamasının aksine bu uygulama bulmaya çalıştığınız ya da kullanmak istediğiniz yazı tipi ile ilgili size bir dizi soru yöneltiyor ve ardından size bazı yazıtiplerini öneriyor.Font Burner

Font Burner web sitelerine yönelik bir iyileştirmeleri olup web sitenize kolayca yeni yazıtipleri dahil edebilmenizi sağlıyor. Web siteleri genellikle tüm bilgisayarlar üzerinde gelen yazıtipleri ile sınırlıdırlar. Font Burner işte bu sorunu ortadan kaldırarak, sitenize ekleyeceğiniz birkaç satırlık bir kodun ardından dilediğiniz yazı tipini kullanabilmenizi sağlıyor.sIFR

sIFR uygulamasının kullandığı yöntem Font Burner ile benzerlik taşıyor. Bu kod yardımı ile siteniz üzerinde hem dilediğiniz yazı tipini kullanabilme özgürlüğüne sahip olacaksınız, hem de arama motoru optimizasyonundan, erişilebilirlikten ya da kodunuzun kalitesinden ödün vermeyeceksiniz.Identifont

Typotheques benzeri bir uygulama olan Identifont ile birkaç soruyu yanıtlayarak çeşitli yazı tipi önerilerine ulaşabilirsiniz. Uygulama ayrıca ilgili yazı tipinin kullanıldığı örnek bir metni de gösteriyor.TypeNavigator

İnteraktif görsel yazı tipi arama motoru TypeNavigator, özellikle kullanmak istediğiniz yazı tipi stilinin aşağı yukarı nasıl olduğunu bilen tasarımcılara ilgili stile en yakın yazı tipi örneğini sunarak yardımcı olmayı hedefliyor. Açıklama size karmaşık gelmiş olabilir ancak siteyi kullanması oldukça kolay ve anlaşılır. Girin ve kendiniz test edin.PXtoEM Conversion

Her ne kadar uygulamanın adı pixel’den em’e dönüştürücü olsa da uygulamanın kendisi bundan çok daha fazlasını sunuyor. Sayfanın üzerinde yer alan Convert (dönüştür) düğmesine tıklayın ve ardından body yazı tipi boyutunu seçin. Site verdiğiniz bu bilgiler ışığında size tüm dönüştürme verilerini sunuyor. Ardından sayfanın en üst kısmında yer alan CSS düğmesine tıklayarak ilgili örneğin CSS kodunu alabilirsiniz.EM Hesaplayıcı

Em Calculator küçük bir JavaScript aracı olup özellikle genişletilebilir ve erişilebilir CSS tasarımları oluşturabilmenizi sağlıyor.Baseline Rhythm Calculator

Temel yazı tipi boyutunu pixel değerinde girin ve adından temel satır yüksekliğinizi yine pixel değerinde girin. İlgili uygulama üzerindeki metin girdiğiniz veriler ışığında otomatik olarak değişecek ve sizin için bir CSS kodunu da otomatik olarak oluşturacaktır. Sırf eğlenmek için yazı tipi boyutu kısmına 99999999 girin ve ardından font-size kutusunu bulmaya çalışın.Fontifier

Fontifier, bilgisayarda yazdığınız yazılarda kendi el yazınızı kullanabilmenizi sağlıyor. Site, el yazınızla yazılmış bir metnin taranmış bir örneği üzerinden kullanılabilir bir yazı tipi dosyası oluşturuyor, ve siz tıpkı Helvetica ya da Arial gibi sitenin oluşturduğu yazı tipini de projelerinizde kullanabiliyorsunuz.Font Editor Bitfont Maker

BitfontMaker uygulaması üzerinden kendi yazı tipinizi oluşturabilirsiniz. Eğer siz de bu tip benzeri yazı tipi oluşturma araçları ile haşır neşir değilseniz, kullanımı oldukça kolay olan bu uygulamayı seveceksinizdir.* Kaynak: Speckyboy Design MagazineWeb Araçları Üzerine Yazdığım Diğer Yazılar
* En İyi 25 Tasarım Forumu* Web Tasarımcıları İçin Web Üzerindeki 6 Kullanışlı Araç* Hiçbir Zaman Ölmeyecek 28 Photoshop Dersi* 2008’in En İyi JavaScript Kaynakları