Araçlar
Bu web sitesi hangi fontu kullanıyor?
Bir web sitesi adresi girin ve kullandığı fontları görün: font ailesi, nereden yüklendiği, başlıklarda ve gövde metninde nasıl dizildiği ve en yakın ücretsiz Google Fonts karşılığı.
stripe.com
4 gün önce ölçüldü.
:root {
--font-heading: "sohne-var", "Inter", sans-serif; /* Inter stands in for sohne-var */
--font-body: "sohne-var", "Inter", sans-serif; /* Inter stands in for sohne-var */
--font-size-base: 16px;
}Nasıl çalışır
Stylepack siteyi gerçek bir tarayıcıda açar, dört genişlikte ve iki temada ekranda ne render edildiğini ölçer (stil dosyasının ne dediğini değil) ve sonucu bir tasarım paketi olarak saklar. Daha önce ölçülmüş bir site anında cevap verir; yeni bir site bir dakikadan kısa sürer. Bu sayfadaki her değer o paketten gelir.
Sorular
Bir web sitesinin kullandığı fontu nasıl buluyorsunuz?
Site gerçek bir tarayıcıda açılır ve her metin stili ekranda render edildiği haliyle ölçülür: tarayıcının gerçekten kullandığı font ailesi, ağırlığı, boyutu, satır yüksekliği ve harf aralığı. CSS içinde tanımlanmış ama hiç yüklenmemiş bir font raporlanmaz.
Font ücretsiz değilse ne olur?
Marka fontlarının çoğu lisanslıdır. Sonuç, Google Fonts üzerindeki en yakın ücretsiz karşılığını adlandırır ve CSS onu font yığınına muadil olarak koyar; böylece aynı stil dosyası lisanslı fontla da onsuz da çalışır.
Bunun bir tarayıcı eklentisinden farkı ne?
Bir eklenti size imlecin altındaki font ailesini söyler. Bu sayfa tüm siteyi bir kerede ölçer, font ailelerini rollerine göre sıralar ve yapıştırabileceğiniz CSS ile birlikte bir yapay zeka kodlama ajanı için tam tasarım paketini verir.