Tiện ích mở rộng Font trình duyệt - và giới hạn của chúng
Các tiện ích mở rộng trình duyệt như WhatFont và Fontanello cho phép bạn xác định font bằng cách di chuột hoặc nhấp. Đây là cách chúng so sánh - và khi nào URL scanner làm tốt hơn.
Tiện ích mở rộng Font phổ biến
WhatFont
Di chuột qua bất kỳ văn bản nào để xem họ font, kích thước, độ đậm và màu sắc. Một trong những tiện ích kiểm tra font phổ biến nhất.
Pros
- +Không cần DevTools
- +Hiển thị font khi di chuột ngay lập tức
- +Hoạt động trong Chrome và Safari
Cons
- −Một phần tử mỗi lần
- −Không có danh sách font toàn trang
- −Phải cài đặt riêng cho mỗi trình duyệt
Fontanello
Nhấp chuột phải vào bất kỳ văn bản nào để xem chi tiết font. Có sẵn cho Chrome và Firefox.
Pros
- +Tích hợp menu ngữ cảnh
- +Đầu ra gọn gàng
- +Hoạt động trên Firefox
Cons
- −Chỉ từng phần tử một
- −Không có xuất dữ liệu hoặc danh sách đầy đủ
Giới hạn phổ biến của tiện ích mở rộng Font
- •Tiện ích mở rộng chỉ kiểm tra một phần tử mỗi lần - không có danh sách đầy đủ.
- •Chúng không thể phát hiện các font được khai báo nhưng không áp dụng cho văn bản hiển thị.
- •Chỉ hoạt động trong trình duyệt đã cài đặt - không hữu ích để chia sẻ hoặc kiểm tra từ xa.
- •Có thể không phát hiện web font được tải qua CSS phức tạp (ví dụ: các quy tắc @supports có điều kiện).
Khi nào nên dùng URL Scanner
Để có danh sách đầy đủ mọi font mà website tải - khai báo @font-face, Google Fonts, Bunny Fonts, Fontshare - dán URL bên dưới. Một lần quét, kết quả đầy đủ, không cần cài đặt.
Câu hỏi thường gặp
WhatFont là gì?
WhatFont là tiện ích mở rộng trình duyệt (Chrome, Safari) hiển thị họ font, kích thước, độ đậm và màu sắc của bất kỳ văn bản nào bạn di chuột qua. Rất tốt cho tra cứu nhanh nhưng giới hạn ở một phần tử mỗi lần.
Có lựa chọn thay thế WhatFont không?
Có - Fontanello hoạt động trên Chrome và Firefox với menu nhấp chuột phải. Để kiểm tra toàn trang mà không cần tiện ích mở rộng nào, dán URL vào scanner ở trên.
Tiện ích mở rộng có thể phát hiện tất cả font trên trang không?
Không. Tiện ích mở rộng kiểm tra các phần tử riêng lẻ. Chúng sẽ không cho bạn biết về các font được tải nhưng không áp dụng cho văn bản đang hiển thị. URL scanner bắt được tất cả.
Tôi có cần cài đặt gì để sử dụng công cụ này không?
Không. Dán bất kỳ URL nào và scanner thực hiện công việc trên cloud - không có tiện ích mở rộng, không có DevTools, không cần cài đặt.