Herhangi bir sayfadaki yazı tiplerini inceleyin
DevTools açmadan, öğenin yanında veya bir kenar çubuğunda canlı yazı tipini, boyutu, ağırlığı, stili ve rengi görmek için metnin üzerine gelin ve tıklayın.
what the font - font finder
Herhangi bir web sayfası öğesindeki yazı tipini ve CSS tipografisini — aile, boyut, ağırlık, satır yüksekliği, harf aralığı, renk ve kontrast — belirleyin; ardından sekmeyi kapatmadan ihtiyacınız olanı kopyalayın veya dışa aktarın.
Canlı tipografi için tasarlandı
Özellikler
Önemli tipografi ayrıntıları
Satır yüksekliği, harf aralığı, transform, decoration ve kontrastı (AAA/AA ipuçları dahil) tek bir panelde görün.
CSS’i tek tıkla kopyalayın
İncelediğiniz öğe için yazı tipi ailesini, rengi veya hazır bir CSS parçasını kopyalayın.
Sayfadaki stilleri düzenleyin
Canlı öğede ağırlığı, boyutu, aralıkları, rengi ve daha fazlasını değiştirin; keşfiniz bittiğinde sıfırlayın.
Sayfadaki tüm yazı tipleri
Sayfadaki benzersiz metin stillerini tarayın ve bir tasarım sistemini denetlerken aralarında gezinin.
Dışa aktarma ve Google Fonts
Tipografiyi SCSS veya JSON olarak dışa aktarın ya da bulduğunuz aile için Google Fonts aramasını açın.
Tasarım gereği sade
Hakkımızda
Canlı tipografiyi — yazı tipi, boyut, ağırlık, renk ve kontrast — gösteren bir Chrome uzantısı; herhangi bir web sayfasından yazı tiplerini incelemenize, kopyalamanıza ve dışa aktarmanıza olanak tanır.
- —
- Yayınlanan toplam kullanım
- —
- Doğrulanmış inceleme sayısı
Chrome Web Store
Kullanıcılarımız
Örnek geri bildirim yer tutucuları — Chrome Web Store incelemeleri bağlandığında bunların yerini alacak.
★★★★★
“DevTools açmadan canlı bir siteden aile, ağırlık ve hex rengini alabiliyorum.”
★★★★★
“CSS ve kontrastı tek panelde kopyalamak denetimler sırasında tam ihtiyacım olan şey.”
★★★★★
“Sayfadaki tüm yazı tipleri, bir açılış sayfasındaki tutarsız tipografiyi hızla fark etmemi sağlıyor.”
Üç hızlı adım
Nasıl kullanılır
-
Uzantıyı yükleyin
what the font - font finder’ı Chrome Web Store’dan ekleyin ve araç çubuğuna sabitleyin.
-
İncelemeyi başlatın
Açılır pencereyi açın, incelemeyi başlatın; ardından sayfadaki herhangi bir metnin üzerine gelin ve tıklayın.
-
Kopyalayın veya dışa aktarın
CSS kopyalayın, stilleri dışa aktarın, Google Fonts’u açın veya sayfadaki tüm yazı tiplerine göz atın.
Yüklemeden önce yanıtlar
Sık sorulan sorular
Bir web sitesindeki yazı tipini nasıl tanımlarım?
what the font - font finder yükleyin, incelemeyi başlatın, metnin üzerine gelin ve aile, boyut, ağırlık ve rengi gösteren paneli açmak için tıklayın.
Gördüğüm metnin CSS’ini kopyalayabilir miyim?
Evet. Panelden yazı tipi ailesini, rengi veya incelenen öğe için bir CSS parçasını kopyalayabilirsiniz.
Her sayfada çalışır mı?
Normal web sitesi sekmelerinde çalışır. Chrome sistem sayfaları ve bazı kısıtlı URL’ler incelenemez.
Sayfada kullanılan tüm yazı tiplerini görebilir miyim?
Benzersiz görünür metin stillerini listelemek ve herhangi birini ayrıntı panelinde açmak için Sayfadaki tüm yazı tipleri özelliğini kullanın.
İncelerken görünümü değiştirebilir miyim?
Evet. Öğede ağırlığı, boyutu, aralıkları, rengi ve ilgili stilleri düzenleyin; ardından orijinalini geri yüklemek için sıfırlayın.
Google Fonts’u nereden açarım?
Aile aranabilir görünüyorsa, paneldeki Google Fonts eylemini kullanarak o ad için bir sorgu açın.