Аль ч хуудсан дээрх фонтуудыг шалгана уу
DevTools-ыг нээхгүйгээр элементийн ойролцоо эсвэл хажуугийн самбараас шууд үсгийн хэлбэр, хэмжээ, жин, хэв маяг, өнгө зэргийг харахын тулд хулганыг хулганаа хулганаа дарж текстийг дарна уу.
what the font - font finder
Гэр бүл, хэмжээ, жин, мөрийн өндөр, үсгийн хоорондын зай, өнгө, тодосгогч зэрэг вэб хуудасны аль ч элементийн үсгийн хэлбэр, CSS-ийн хэв зүйг тодорхойлсны дараа табаас гаралгүйгээр хэрэгтэй зүйлээ хуулж эсвэл экспортлоорой.
Шууд хэвлэх зорилгоор бүтээгдсэн
Онцлогууд
Типографийн дэлгэрэнгүй мэдээлэл
Мөрийн өндөр, үсгийн хоорондын зай, хувиргалт, чимэглэл, тодосгогчийг (AAA/AA дохиог оруулаад) нэг самбараас уншина уу.
CSS-г нэг товшилтоор хуулна
Шалгасан элементийнхээ фонтын бүлэг, өнгө эсвэл бэлэн CSS хэсгийг хуулна уу.
Хуудасны хэв маягийг засах
Амьд элементийн жин, хэмжээ, зай, өнгө болон бусад зүйлийг тохируулаад, судалж дууссаны дараа дахин тохируулна уу.
Хуудас дээрх бүх фонтууд
Хуудас даяар өвөрмөц текстийн хэв маягийг сканнердаж, дизайны системийг шалгахдаа тэдгээрийн хооронд үсрээрэй.
Экспорт болон Google фонтууд
Типографийг SCSS эсвэл JSON болгон экспортлох эсвэл олсон гэр бүлийнхээ Google Fonts хайлтыг нээнэ үү.
Загварын хувьд энгийн
Бидний тухай
Chrome-ын өргөтгөл нь шууд хэвлэх хэв маяг, хэмжээ, жин, өнгө, тодосгогч зэргийг харуулдаг тул та ямар ч вэб хуудаснаас фонтуудыг шалгах, хуулах, экспортлох боломжтой.
- —
- Нийт нийтлэгдсэн ашиглалт
- —
- Шүүмжийг баталгаажуулсан тоо
Chrome вэб дэлгүүр
Бидний тухай хэрэглэгчид
Тайлбарын санал хүсэлтийн орлуулагчид — Chrome Web Store-ын тоймууд холбогдсон үед тэдгээрийг орлуулах болно.
★★★★★
“Би DevTools-ийг нээхгүйгээр шууд сайтаас гэр бүл, жин, зургаан өнцөгт өнгийг татаж авах боломжтой.”
★★★★★
“CSS болон тодосгогчийг нэг самбарт хуулах нь аудитын явцад надад яг хэрэгтэй зүйл юм.”
★★★★★
“Хуудасны бүх фонтууд буух хуудсан дээрх үл нийцэх төрлийг хурдан илрүүлэхэд тусалдаг.”
Гурван хурдан алхам
Хэрхэн ашиглах вэ
-
Өргөтгөлийг суулгана уу
Chrome вэб дэлгүүрээс what the font - font finder-г нэмээд багаж самбарт хавчуулна уу.
-
Шалгаж эхэл
Попап цонхыг нээгээд шалгаж эхэл, дараа нь хулганыг хулганаа хулганаа хулганаа хуудс дээрх дурын бичвэр дээр товшино уу.
-
Хуулах эсвэл экспортлох
CSS хуулах, хэв маягийг экспортлох, Google Fonts нээх, эсвэл хуудасны бүх фонтыг үзэх.
Суулгахаасаа өмнө хариултууд
Түгээмэл асуулт
Би вэбсайт дээрх фонтыг хэрхэн тодорхойлох вэ?
what the font - font finder суулгаж, шалгаж эхэлж, текстийг хулганаа аваачиж, гэр бүл, хэмжээ, жин, өнгө бүхий самбарыг нээнэ үү.
Би харж буй төрлийнхөө CSS-г хуулж болох уу?
Тиймээ. Самбараас та шалгасан элементийн фонтын бүлэг, өнгө эсвэл CSS хэсгийг хуулж болно.
Энэ нь хуудас бүр дээр ажилладаг уу?
Энэ нь ердийн вэбсайтын таб дээр ажилладаг. Chrome системийн хуудаснууд болон зарим хязгаарлагдмал URL-уудыг шалгах боломжгүй.
Би хуудсанд ашигласан бүх фонтыг харж болох уу?
Хуудасны бүх фонтыг ашиглан харагдахуйц өвөрмөц текстийн хэв маягийг жагсааж, тэдгээрийн аль нэгийг нь дэлгэрэнгүй самбарт нээнэ үү.
Шалгалтын явцад би гадаад төрхийг өөрчилж болох уу?
Тиймээ. Элемент дээрх жин, хэмжээ, зай, өнгө, холбогдох хэв маягийг засаад эх хувийг сэргээхийн тулд дахин тохируулна уу.
Би Google Fonts хаанаас нээх вэ?
Гэр бүл хайлт хийх боломжтой болсон үед самбар дээрх Google Фонтын үйлдлийг ашиглан тухайн нэрийн хайлтыг нээнэ үү.