Har qanday sahifadagi shriftlarni tekshiring
DevTools-ni ochmasdan turib, jonli shrift, oʻlcham, vazn, uslub va rangni element yonida yoki yon panelda koʻrish uchun kursorni olib, matnni bosing.
what the font - font finder
Har qanday veb-sahifa elementida shrift va CSS tipografiyasini aniqlang - oila, o'lcham, vazn, satr balandligi, harflar oralig'i, rang va kontrast - keyin yorliqdan chiqmasdan kerakli narsalarni nusxalang yoki eksport qiling.
Jonli tipografiya uchun yaratilgan
Xususiyatlari
Muhim bo'lgan tipografiya tafsilotlari
Bitta panelda qator balandligi, harflar oraligʻi, oʻzgartirish, bezash va kontrastni (jumladan, AAA/AA belgilarini) oʻqing.
CSS-ni bir marta bosish bilan nusxalash
Siz tekshirgan element uchun shrift oilasini, rangini yoki tayyor CSS snippetini nusxalang.
Sahifadagi uslublarni tahrirlash
Jonli elementda vazn, oʻlcham, boʻshliq, rang va boshqalarni oʻzgartiring, soʻngra oʻrganishni tugatgandan soʻng sozlamalarni tiklang.
Sahifadagi barcha shriftlar
Dizayn tizimini tekshirishda sahifa bo'ylab noyob matn uslublarini skanerlang va ular o'rtasida o'ting.
Eksport va Google shriftlari
Tipografiyani SCSS yoki JSON sifatida eksport qiling yoki topilgan oilangiz uchun Google Fonts qidiruvini oching.
Dizayn bo'yicha oddiy
Biz haqimizda
Har qanday veb-sahifadan shriftlarni tekshirish, nusxalash va eksport qilish uchun jonli tipografiyani (shrift, oʻlcham, vazn, rang va kontrast) ochib beruvchi Chrome kengaytmasi.
- —
- Jami eʼlon qilingan foydalanish
- —
- Tasdiqlangan sharhlar soni
Chrome internet-do'koni
Biz haqimizda foydalanuvchilar
Tasviriy fikr-mulohazalar uchun joy egalari — Chrome internet-do‘konidagi sharhlar ulanganda ularning o‘rnini bosadi.
★★★★★
“Men DevTools-ni ochmasdan jonli saytdan oila, vazn va olti burchakli rangni olishim mumkin.”
★★★★★
“CSS va kontrastni bitta panelda nusxalash menga audit paytida kerak bo'lgan narsadir.”
★★★★★
“Sahifadagi barcha shriftlar menga ochilish sahifasidagi nomuvofiq turni tezda aniqlashga yordam beradi.”
Uch tez qadam
Qanday foydalanish kerak
-
Kengaytmani o'rnating
Chrome internet-do'konidan what the font - font finder qo'shing va asboblar paneliga mahkamlang.
-
Tekshirishni boshlang
Qalqib chiquvchi oynani oching, tekshirishni boshlang, keyin kursorni olib, sahifadagi istalgan matnni bosing.
-
Nusxalash yoki eksport qilish
CSS-dan nusxa ko'chiring, uslublarni eksport qiling, Google Shriftlarni oching yoki sahifadagi barcha shriftlarni ko'rib chiqing.
O'rnatishdan oldin javoblar
TSS
Veb-saytdagi shriftni qanday aniqlash mumkin?
what the font - font finder ni o'rnating, tekshirishni boshlang, matnni kursorga olib boring va oila, o'lcham, vazn va rang bilan panelni ochish uchun bosing.
Men ko'rgan turdagi CSS-ni nusxalashim mumkinmi?
Ha. Paneldan tekshirilayotgan element uchun shrift oilasini, rangini yoki CSS parchasini nusxalashingiz mumkin.
U har bir sahifada ishlaydimi?
U oddiy veb-sayt yorliqlarida ishlaydi. Chrome tizimi sahifalari va ayrim cheklangan URL manzillarni tekshirib bo‘lmaydi.
Sahifada ishlatiladigan barcha shriftlarni ko'rishim mumkinmi?
Noyob ko'rinadigan matn uslublarini sanab o'tish va ulardan istalganini tafsilotlar panelida ochish uchun sahifadagi barcha shriftlardan foydalaning.
Tekshirish paytida ko'rinishni o'zgartira olamanmi?
Ha. Elementdagi vazn, oʻlcham, boʻshliq, rang va tegishli uslublarni tahrirlang, soʻng asl nusxasini tiklash uchun asl holatini tiklang.
Google shriftlarini qayerdan ochsam bo'ladi?
Oila qidirish mumkin bo'lganida, ushbu nom uchun so'rovni ochish uchun paneldagi Google Shriftlardan foydalaning.