Trước đây muốn biết font của một trang web phải nhờ developer hoặc chủ web. Giờ đây, tiện ích WhatFont cho Chrome giúp bạn xác định font chỉ bằng cách di chuột – nhanh, chính xác, miễn phí.
Hướng dẫn sử dụng WhatFont
- Cài đặt: Vào Chrome Web Store → Tìm "WhatFont" → Thêm vào Chrome.
- Sau khi cài, biểu tượng f? xuất hiện trên thanh công cụ (extension bar).
- Truy cập trang web có font bạn muốn biết.
- Nhấn biểu tượng WhatFont → Chế độ quét font được bật (biểu tượng đổi màu).
- Di chuột (hover) lên đoạn văn bản bất kỳ → Hộp nhỏ hiện ra: Tên font, Kích thước, Màu, Chữ cao (Line height), Trọng số (Weight), Kiểu (Style).
- Click vào văn bản → Hộp chi tiết hiện đầy đủ thông tin: Family, Style, Weight, Size, Line Height, Color.
- Nhấn biểu tượng WhatFont lần nữa để tắt chế độ quét.
Tải font về sử dụng
Sau khi biết tên font, tải miễn phí tại các kho font uy tín:
- Google Fonts (fonts.google.com) – miễn phí, dùng cho web dễ dàng.
- Font Squirrel (fontsquirrel.com) – free for commercial use.
- DaFont (dafont.com) – nhiều font trang trí, kiểm tra giấy phép.
- Adobe Fonts (fonts.adobe.com) – cần Creative Cloud subscription.
Lưu ý
- WhatFont chỉ nhận diện font được load qua @font-face / web font. Font hệ thống (system font) có thể hiển thị tên chung (ví dụ: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto").
- Một số trang dùng font tùy biến (custom font) hoặc font biến (variable font) – WhatFont vẫn hiển thị tên family chính xác.
- Tiện ích nhẹ, không làm chậm trình duyệt.
Bạn dùng cách nào nhận diện font? WhatFont có hữu ích? Chia sẻ ở bình luận!