Кез келген беттегі қаріптерді тексеріңіз
DevTools қолданбасын ашпай-ақ тірі шрифтті, өлшемін, салмағын, стилін және түсін элементтің жанында немесе бүйірлік тақтада көру үшін меңзерді апарыңыз және мәтінді басыңыз.
Веб-беттің кез келген элементіндегі қаріп түрін және CSS типографиясын анықтаңыз - отбасы, өлшем, салмақ, жол биіктігі, әріптер аралығы, түс және контраст - содан кейін қойындыдан шықпай-ақ қажет нәрсені көшіріңіз немесе экспорттаңыз.
Тікелей типография үшін жасалған
DevTools қолданбасын ашпай-ақ тірі шрифтті, өлшемін, салмағын, стилін және түсін элементтің жанында немесе бүйірлік тақтада көру үшін меңзерді апарыңыз және мәтінді басыңыз.
Бір панельде жол биіктігін, әріп аралығын, түрлендіруді, безендіруді және контрастты (соның ішінде AAA/AA сигналдарын) оқыңыз.
Тексерген элемент үшін қаріптер тобын, түсін немесе дайын CSS үзіндісін көшіріңіз.
Тірі элементтің салмағын, өлшемін, аралығын, түсін және т.б. өзгертіңіз, содан кейін зерттеуді аяқтаған кезде қалпына келтіріңіз.
Бет бойынша бірегей мәтін мәнерлерін сканерлеңіз және дизайн жүйесін тексеру кезінде олардың арасында өтіңіз.
Типографияны SCSS немесе JSON ретінде экспорттаңыз немесе тапқан отбасы үшін Google қаріптер іздеуін ашыңыз.
Дизайн бойынша қарапайым
Кез келген веб-беттен қаріптерді тексеруге, көшіруге және экспорттауға болатын жанды типографияны — тип, өлшем, салмақ, түс және контрастты ашатын Chrome кеңейтімі.
Chrome веб-дүкені
Көрнекі кері байланыс толтырғыштары — Chrome Web Store шолулары қосылған кезде оларды ауыстырады.
“Мен DevTools қолданбасын ашпай-ақ тірі сайттан отбасын, салмағын және он алтылық түсін ала аламын.”
“Бір панельдегі CSS және контрастты көшіру аудит кезінде маған қажет нәрсе.”
“Беттегі барлық қаріптер қону бетіндегі сәйкес емес түрді тез анықтауға көмектеседі.”
Үш жылдам қадам
Chrome Web Store дүкенінен what the font - font finder қосыңыз және оны құралдар тақтасына бекітіңіз.
Қалқымалы терезені ашыңыз, тексеруді бастаңыз, содан кейін меңзерді апарып, беттегі кез келген мәтінді басыңыз.
CSS көшіріңіз, мәнерлерді экспорттаңыз, Google қаріптерін ашыңыз немесе беттегі барлық қаріптерді шолыңыз.
Орнатпас бұрын жауаптар
what the font - font finder орнатыңыз, тексеруді бастаңыз, мәтінді меңзерді апарыңыз және отбасы, өлшемі, салмағы және түсі бар панельді ашу үшін басыңыз.
Иә. Панельден қаріптер тобын, түсін немесе тексерілген элемент үшін CSS үзіндісін көшіруге болады.
Ол кәдімгі веб-сайт қойындыларында жұмыс істейді. Chrome жүйесінің беттерін және кейбір шектелген URL мекенжайларын тексеру мүмкін емес.
Бірегей көрінетін мәтін мәнерлерін тізімдеу және олардың кез келгенін мәліметтер тақтасында ашу үшін беттегі барлық қаріптерді пайдаланыңыз.
Иә. Элементтегі салмақты, өлшемді, бос орынды, түсті және қатысты мәнерлерді өңдеңіз, содан кейін түпнұсқаны қалпына келтіру үшін қалпына келтіріңіз.
Отбасы іздеуге болатындай болып көрінгенде, сол атау үшін сұрауды ашу үшін панельдегі Google қаріптері әрекетін пайдаланыңыз.