İstənilən səhifədə şriftləri yoxlayın
DevTools-u açmadan canlı yazı tipini, ölçüsünü, çəkisini, üslubunu və rəngini elementin yanında və ya yan paneldə görmək üçün siçanın üzərinə sürün və mətnə klikləyin.
İstənilən veb-səhifə elementində yazı tipini və CSS mətbəəsini müəyyən edin - ailə, ölçü, çəki, sətir hündürlüyü, hərf aralığı, rəng və kontrast - sonra tabdan çıxmadan lazım olanı köçürün və ya ixrac edin.
Canlı tipoqrafiya üçün yaradılmışdır
DevTools-u açmadan canlı yazı tipini, ölçüsünü, çəkisini, üslubunu və rəngini elementin yanında və ya yan paneldə görmək üçün siçanın üzərinə sürün və mətnə klikləyin.
Bir paneldə sətir hündürlüyünü, hərf aralığını, çevirməni, dekorasiyanı və kontrastı (AAA/AA işarələri daxil olmaqla) oxuyun.
Yoxladığınız element üçün şrift ailəsini, rəngini və ya hazır CSS parçasını kopyalayın.
Canlı elementdə çəki, ölçü, boşluq, rəng və daha çoxunu tənzimləyin, sonra kəşfiyyatı bitirdikdən sonra sıfırlayın.
Səhifə üzrə unikal mətn üslublarını skan edin və dizayn sistemini yoxlayarkən onların arasında keçid edin.
Tipoqrafiyanı SCSS və ya JSON kimi ixrac edin və ya tapdığınız ailə üçün Google Fonts axtarışını açın.
Dizaynla sadə
İstənilən veb-səhifədən şriftləri yoxlaya, köçürə və ixrac edə bilmək üçün canlı tipoqrafiyanı (şrift, ölçü, çəki, rəng və kontrast) aşkar edən Chrome artırması.
Chrome Veb Mağazası
Illustrative feedback placeholders — Chrome Web Store reviews will replace these when connected.
“I can grab family, weight, and hex color from a live site without opening DevTools.”
“Copy CSS and contrast in one panel is exactly what I need during audits.”
“All fonts on page helps me spot inconsistent type across a landing page fast.”
Üç sürətli addım
Chrome Veb Mağazasından what the font - font finder əlavə edin və alətlər panelinə bərkidin.
Açılan pəncərəni açın, yoxlamağa başlayın, sonra üzərinə sürün və səhifədəki hər hansı mətnə klikləyin.
CSS-i kopyalayın, üslubları ixrac edin, Google Şriftləri açın və ya səhifədəki bütün şriftlərə baxın.
Quraşdırmadan əvvəl cavablar
what the font - font finder quraşdırın, yoxlamaya başlayın, mətnin üzərinə sürün və ailə, ölçü, çəki və rəng ilə paneli açmaq üçün klikləyin.
Bəli. Paneldən siz yoxlanılan element üçün şrift ailəsini, rəngini və ya CSS parçasını kopyalaya bilərsiniz.
Adi veb sayt nişanlarında işləyir. Chrome sistem səhifələri və bəzi məhdudlaşdırılmış URL-lər yoxlanıla bilməz.
Unikal görünən mətn üslublarını sadalamaq və onlardan hər hansı birini detallar panelində açmaq üçün səhifədəki Bütün şriftlərdən istifadə edin.
Bəli. Elementdə çəki, ölçü, boşluq, rəng və əlaqəli üslubları redaktə edin, sonra orijinalı bərpa etmək üçün sıfırlayın.
Ailə axtarışa uyğun göründükdə, həmin ad üçün sorğu açmaq üçün paneldəki Google Şrift əməliyyatından istifadə edin.