Geliştirici Araçları yanıtları: Hangi yazı tipi?

Paul Irish

Chrome Geliştirici Araçları artık metin oluşturmak için tam olarak hangi yazı tipinin kullanıldığını size bildirebiliyor.

Yazı tipi yığınları komik bir konudur ve talepten çok öneridir. Önerdiğiniz aile mevcut olmayabileceğinden, işe yarayacak bir öğe alarak ve onu kullanarak her kullanıcının tarayıcısının destek kaydını işlemesine izin verirsiniz.

font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;

Geliştirici olarak, gerçekte hangi yazı tipinin kullanıldığını bilmek istersiniz. İşleyiş şekli:

Hesaplanan Stiller bölümünde söz konusu öğe için kullanılan yazı tiplerinin özetini görürsünüz. Burada dikkat etmeniz gereken birkaç nokta vardır:

• Geliştirici Araçları, Chrome'un metin oluşturma katmanı tarafından kullanılan gerçek yazı tipini raporluyor. Artık serif veya sans-serif ürününün hangi yazı tipine çözümlendiğini tahmin etmeye gerek yok.
• Web yazı tipim çalışıyor mu? Bazen web yazı tipini mi yoksa yedek sistem yazı tipini mi gördüğünüzü söylemek zordur. Artık web yazı tipinin uygulandığını doğrulayabilirsiniz. Yukarıdaki örnekte, ::first-line stilinin web yazı tipi olarak Istakoz'u çekiyoruz.
• Yığınınızdaki yedek yazı tiplerini kolayca fark edebilirsiniz. Yukarıda, Merriweather şeklinde bir yazım hatası yaptığımız için kullanılmadığı için Lobster'a düşmüştür.
• Arial mı yoksa Helvetica mı? Bir tasarımcıya sorun veya... Geliştirici Araçları'na sorun. ;)
• Google Webfonts, Typekit, yerel yazı tipleri, @font-face yazı tipleri, unicode glifleri ve diğer tüm ilgi çekici yazı tipi kaynaklarıyla birlikte mükemmel çalışır.

Keyfini çıkarın ve geri bildiriminiz varsa lütfen bir yorum bırakın.