WhatFont – Xác Định Font Web Nhanh Trên Trình Duyệt

Bạn thấy một font chữ đẹp trên website và muốn biết nó là gì?
Bạn đang thiết kế landing page, blog, hoặc muốn dùng lại font từ một trang bạn yêu thích?

WhatFont là công cụ cực kỳ đơn giản nhưng mạnh mẽ giúp bạn nhận diện font chữ ngay trên trình duyệt chỉ bằng thao tác di chuột (hover).

⚡ WhatFont giúp bạn làm gì?

• Biết tên font chính xác đang được dùng
• Xem kích thước, màu sắc, khoảng cách dòng, font-family
• Chạy trực tiếp trên trình duyệt Chrome (hoặc Edge dựa trên Chromium)
• Không cần mở DevTools hay biết code
• Rất nhẹ, không làm chậm trình duyệt

Cách sử dụng WhatFont

Bước 1:

Cài tiện ích WhatFont từ Chrome Web Store tại đây

Bước 2:

Bấm vào biểu tượng WhatFont (chữ “f”) trên thanh công cụ trình duyệt

Bước 3:

Di chuột đến bất kỳ đoạn chữ nào trên website → bạn sẽ thấy tên font xuất hiện.

Bước 4 (nâng cao):

Click vào đoạn chữ → WhatFont sẽ hiển thị popup với thông tin chi tiết như:

• Font name
• Font size
• Line height
• Color (hex)
• Font weight
• Font family stack

Khi nào nên dùng WhatFont?

• Khi bạn muốn copy phong cách font từ website khác
• Khi làm mockup, landing page, blog, CV… mà muốn đồng nhất font
• Khi muốn hiểu cách phối font trên các website đẹp
• Khi bạn làm việc nhóm với designer, dev hoặc marketer cần biết font cụ thể

So sánh: WhatFont vs Mở DevTools

Tính năng	WhatFont	DevTools
Dễ sử dụng	✅ Rất dễ	❌ Cần kỹ năng kỹ thuật
Tốc độ	✅ Nhanh	⚠️ Mất thời gian
Hiển thị font	✅ Chính xác, trực quan	✅ Có nhưng ẩn sâu
Người mới phù hợp	✅ Rất phù hợp	❌ Không thân thiện

Tóm lại, Why WhatFont?

Bạn cần	WhatFont có
Tìm font từ website	✅
Biết cỡ chữ, màu sắc, line height	✅
Dùng nhanh, không cần kỹ thuật	✅
Tiết kiệm thời gian, không cần code	✅

---

Bắt đầu dùng ngay

👉 Truy cập WhatFont trên Chrome Web Store
👉 Hoặc tìm “WhatFont extension” nếu bạn dùng trình duyệt Chromium khác (Edge, Brave…)

Gợi ý từ Bộ Lạc HXN

Nếu bạn là người mới học thiết kế, làm web bằng WordPress hoặc đang tinh chỉnh giao diện như Blueky Theme đẹp hơn, thì WhatFont là công cụ không thể thiếu. Nó giúp bạn học hỏi nhanh từ website đẹp, chọn font chính xác, và tiết kiệm hàng giờ loay hoay tìm trong mã nguồn.