Kiểm tra phông chữ trên mọi trang
Di chuột và nhấp vào văn bản để xem phông chữ, cỡ chữ, độ đậm, kiểu và màu sắc trực tiếp — ngay cạnh phần tử hoặc trong thanh bên — mà không cần mở DevTools.
what the font - font finder
Xác định phông chữ và typography CSS trên bất kỳ phần tử trang web nào — họ phông, cỡ chữ, độ đậm, chiều cao dòng, khoảng cách chữ, màu sắc và độ tương phản — rồi sao chép hoặc xuất những gì bạn cần mà không rời khỏi tab.
Dành cho typography trực tiếp
Tính năng
Chi tiết typography quan trọng
Xem chiều cao dòng, khoảng cách chữ, transform, decoration và độ tương phản (kèm gợi ý AAA/AA) trong một bảng điều khiển.
Sao chép CSS chỉ một cú nhấp
Sao chép họ phông, màu sắc hoặc đoạn CSS sẵn sàng cho phần tử bạn đã kiểm tra.
Chỉnh sửa kiểu trên trang
Tinh chỉnh độ đậm, cỡ chữ, khoảng cách, màu sắc và hơn thế nữa trên phần tử trực tiếp, rồi đặt lại khi bạn khám phá xong.
Tất cả phông chữ trên trang
Quét các kiểu văn bản duy nhất trên trang và chuyển giữa chúng khi kiểm tra hệ thống thiết kế.
Xuất và Google Fonts
Xuất typography dưới dạng SCSS hoặc JSON, hoặc mở tìm kiếm Google Fonts cho họ phông bạn tìm thấy.
Thiết kế đơn giản
Về chúng tôi
Tiện ích Chrome hiển thị typography trực tiếp — phông chữ, cỡ chữ, độ đậm, màu sắc và độ tương phản — để bạn kiểm tra, sao chép và xuất phông chữ từ bất kỳ trang web nào.
- —
- Tổng sử dụng đã công bố
- —
- Số đánh giá đã xác minh
Chrome Web Store
Người dùng nói về chúng tôi
Ví dụ phản hồi minh họa — đánh giá từ Chrome Web Store sẽ thay thế khi được kết nối.
★★★★★
“Tôi có thể lấy họ phông, độ đậm và màu hex từ một trang trực tiếp mà không cần mở DevTools.”
★★★★★
“Sao chép CSS và độ tương phản trong một bảng điều khiển chính xác là điều tôi cần khi kiểm tra.”
★★★★★
“Tất cả phông chữ trên trang giúp tôi phát hiện nhanh typography không nhất quán trên trang đích.”
Ba bước nhanh
Cách sử dụng
-
Cài đặt tiện ích
Thêm what the font - font finder từ Chrome Web Store và ghim vào thanh công cụ.
-
Bắt đầu kiểm tra
Mở popup, bắt đầu kiểm tra, rồi di chuột và nhấp vào bất kỳ văn bản nào trên trang.
-
Sao chép hoặc xuất
Sao chép CSS, xuất kiểu, mở Google Fonts hoặc duyệt tất cả phông chữ trên trang.
Trả lời trước khi cài đặt
Câu hỏi thường gặp
Làm sao để xác định phông chữ trên một trang web?
Cài đặt what the font - font finder, bắt đầu kiểm tra, di chuột qua văn bản và nhấp để mở bảng điều khiển với họ phông, cỡ chữ, độ đậm và màu sắc.
Tôi có thể sao chép CSS cho văn bản tôi thấy không?
Có. Từ bảng điều khiển bạn có thể sao chép họ phông, màu sắc hoặc đoạn CSS cho phần tử đã kiểm tra.
Nó có hoạt động trên mọi trang không?
Hoạt động trên các tab trang web thông thường. Trang hệ thống Chrome và một số URL bị hạn chế không thể kiểm tra.
Tôi có thể xem tất cả phông chữ dùng trên trang không?
Dùng Tất cả phông chữ trên trang để liệt kê các kiểu văn bản hiển thị duy nhất và mở bất kỳ mục nào trong bảng chi tiết.
Tôi có thể thay đổi giao diện khi đang kiểm tra không?
Có. Chỉnh sửa độ đậm, cỡ chữ, khoảng cách, màu sắc và các kiểu liên quan trên phần tử, rồi đặt lại để khôi phục bản gốc.
Tôi mở Google Fonts ở đâu?
Khi họ phông trông có thể tìm kiếm, dùng hành động Google Fonts trong bảng điều khiển để mở truy vấn cho tên đó.