Каалаган беттеги шрифттерди текшериңиз
DevTools программасын ачпастан эле жандуу шрифти, өлчөмүн, салмагын, стилин жана түсүн элементтин жанында же каптал тилкесинде көрүү үчүн курсорду алып, текстти чыкылдатыңыз.
what the font - font finder
Веб-баракчанын каалаган элементиндеги шрифти жана CSS типографиясын аныктаңыз - үй-бүлө, өлчөмү, салмагы, саптын бийиктиги, тамга аралыктары, түс жана контраст - андан кийин өтмөктөн чыкпай туруп керектүү нерсени көчүрүп же экспорттоңуз.
Жандуу типография үчүн курулган
Өзгөчөлүктөрү
Маанилүү типографиянын деталдары
Саптын бийиктигин, тамга аралыктарды, трансформацияны, жасалгалоону жана контрастты (анын ичинде AAA/AA сигналдарын) бир панелден окуңуз.
Бир чыкылдатуу менен CSS көчүрүңүз
Сиз текшерген элемент үчүн шрифт үй-бүлөсүн, түсүн же даяр CSS үзүндүсүн көчүрүңүз.
Барактагы стилдерди түзөтүңүз
Жандуу элементтин салмагын, өлчөмүн, аралыгын, түсүн жана башкаларды өзгөртүп, изилдеп бүткөндөн кийин баштапкы абалга келтириңиз.
Барактагы бардык шрифттер
Бардык беттеги уникалдуу текст стилдерин сканерлеңиз жана дизайн тутумун текшерип жатканда алардын ортосунда секирүү.
Экспорт жана Google шрифттери
Типографияны SCSS же JSON катары экспорттоңуз же тапкан үй-бүлөңүз үчүн Google Fonts издөөсүн ачыңыз.
Дизайн боюнча жөнөкөй
Биз жөнүндө
Сиз каалаган веб-баракчадан шрифттерди текшерип, көчүрүп жана экспорттой ала тургандай жандуу типографияны ачып берген Chrome кеңейтүүсү — тамганын түрүн, өлчөмүн, салмагын, түсүн жана контрастын.
- —
- Жарыяланган жалпы колдонуу
- —
- Текшерилген сын саны
Chrome Желе дүкөнү
Биз жөнүндө колдонуучулар
Иллюстративдик пикир толтургучтар — Chrome Желе дүкөнүнүн сын-пикирлери туташканда аларды алмаштырат.
★★★★★
“Мен DevToolsту ачпастан эле жандуу сайттан үй-бүлөнү, салмакты жана алты тараптуу түстү ала алам.”
★★★★★
“CSS жана контрастты бир панелде көчүрүү мага аудит учурунда керек болгон нерсе.”
★★★★★
“Беттеги бардык шрифттер мага конуу барагынан туура келбеген түрүн тез табууга жардам берет.”
Үч тез кадам
Кантип колдонуу керек
-
Кеңейтүүнү орнотуу
Chrome Желе дүкөнүнөн what the font - font finder кошуп, аны куралдар панелине кадап коюңуз.
-
Текшерүүнү баштоо
Калкыма терезени ачып, текшерүүнү баштаңыз, андан кийин курсорду алып барыңыз жана беттеги каалаган текстти басыңыз.
-
Көчүрүү же экспорттоо
CSS көчүрүп, стилдерди экспорттоп, Google шрифттерин ачыңыз же беттеги бардык шрифттерди карап чыгыңыз.
Орнотуудан мурун жооптор
Көп берилүүчү суроолор
Вебсайттагы шрифти кантип аныктоого болот?
what the font - font finder орнотуп, текшерүүнү баштаңыз, текстти курсорду алып барыңыз жана үй-бүлөсү, өлчөмү, салмагы жана түсү менен панелди ачуу үчүн чыкылдатыңыз.
Мен көргөн түр үчүн CSSти көчүрүп алсам болобу?
Ооба. Панелден сиз текшерилген элемент үчүн шрифт үй-бүлөсүн, түсүн же CSS үзүндүсүн көчүрө аласыз.
Ал ар бир баракчада иштейби?
Бул кадимки вебсайт өтмөктөрүндө иштейт. Chrome тутумунун барактары жана айрым чектелген URL даректери текшерилбейт.
Баракта колдонулган бардык шрифттерди көрө аламбы?
Уникалдуу көрүнүүчү текст стилдерин тизмелөө жана алардын каалаганын деталдар панелинде ачуу үчүн беттеги Бардык шрифттерди колдонуңуз.
Мен текшерүү учурунда көрүнүшүн өзгөртө аламбы?
Ооба. Элементтин салмагын, өлчөмүн, аралыгын, түсүн жана тиешелүү стилдерди түзөтүп, андан кийин түпнускасын калыбына келтирүү үчүн баштапкы абалга келтириңиз.
Google шрифттерин кайдан ачсам болот?
Үй-бүлө издөөгө мүмкүн болгондо, ошол атка суроо ачуу үчүн, панелдеги Google Fonts аракетин колдонуңуз.