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:

Hesaplanan Stiller altında artık söz konusu öğe için kullanılan yazı tiplerinin bir özetini görürsünüz. Burada dikkat edilmesi gereken birkaç nokta var:

• Geliştirici Araçları, Chrome'un metin oluşturma katmanı tarafından kullanılan gerçek yazı karakterini bildiriyor. 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'ı aşağı çekiyoruz.
• 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.