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

Paul Irish

Chrome Geliştirici Araçları artık metni oluşturmak için kullanılan yazı tipini tam olarak size söyleyebilir.

Yazı tipi yığınları ilginç bir konudur ve daha çok öneri niteliğindedir. Önerdiğiniz aile mevcut olmayabileceğinden, her kullanıcının tarayıcısının, çalışacak bir öğe bulup kullanmasına izin vererek bu durumu ele almasını sağlarsınız.

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

Geliştirici olarak gerçekten kullanılan yazı tipini bilmek istersiniz. İşleyiş şekli:

Hesaplanmış Stiller bölümünde, ilgili öğ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ının kullandığı gerçek yazı tipini raporlar. Artık serif veya sans-serif'ün hangi yazı tipine ait olduğunu tahmin etmek zorunda değilsiniz.
• Web yazı tipim çalışıyor mu? Bazen web yazı tipini mi yoksa yedek sistem yazı tipini mi gördüğünüzü anlamak zordur. Artık web yazı tipinin uygulandığını doğrulayabilirsiniz. Yukarıdaki örnekte, ::first-line stili için web yazı tipi olarak Lobster'ı indiriyoruz.
• Gruptaki yazı tiplerinin geçişini kolayca tespit edebilirsiniz. Yukarıda, Merriweather yazım hatası vardı ve bu nedenle kullanılmadı, Lobster'a düştü.
• Arial mı yoksa Helvetica mı? Bir tasarımcıya sorun veya… DevTools'a sorun. ;)
• Google Web Yazı Tipleri, Typekit, yerel yazı tipleri, @font-face yazı tipleri, Unicode karakterleri ve diğer tüm ilgi çekici yazı tipi kaynaklarıyla mükemmel çalışır.

Keyfini çıkarın. Geri bildiriminiz varsa lütfen yorum bırakın.