Nhận biết Font chữ website nào đó đang sử dụng

5

Nhận biết Font chữ website nào đó đang sử dụng như thế nào ?  Đang lang thang trên internet, bạn thấy website của ai đó đang sử dụng font chữ rất đẹp và bạn cũng muốn sử dụng font chữ đó cho website của mình. Nhưng bạn không biết font chữ đó tên là gì, họ sử dụng kích thước font là bao nhiêu… Trong bài viết này mình sẽ chỉ cho các bạn một cách đơn giản để nhận biết Font chữ website nào đó đang sử dụng.

Nhận biết Font chữ website nào đó đang sử dụng

Nhận biết Font chữ website nào đó đang sử dụng font chữ website - Nhận biết Font chữ website nào đó đang sử dụng
Nhận biết Font chữ website nào đó đang sử dụng

Hành trình làm website quả thật không đơn giản phải không nào. Dù bạn làm web bằng bất cứ nền tảng nào hay code thuần cũng đều muốn website của mình là đẹp nhất (ít ra là trong cách nhìn của bản thân). Lựa chọn Font chữ hiển thị trên website là một việc rất quan trọng, nếu bạn không quan tâm đến vấn đề này thì website của bạn rất hay bị lỗi font chữ.

What Font – Cách đơn giản nhất để biết Font chữ website đang sử dụng

Trong bài viết này mình sẽ nói đến một Extension What Font. Phần mở rộng này bạn có thể sử dụng cho trình duyệt Chrome. Đầu tiên, các bạn tải và cài đặt Extension tương ứng với trình duyệt đang sử dụng tại đây:

Nếu bạn dùng trình duyệt khác thì có thể Bookmark bằng cách truy cập vào website chính theo đường dẫn này: http://www.chengyinliu.com/whatfont.html

Sau đó chọn vào Bookmarklet. Tại đây bạn hãy nhấp kéo chữ WhatFont lên thanh Bookmark của trình duyệt như hình bên dưới.

What Font - Cách đơn giản nhất để biết Font chữ website đang sử dụng font chữ website - Nhận biết Font chữ website nào đó đang sử dụng
What Font – Cách đơn giản nhất để biết Font chữ website đang sử dụng

Extension này được phát triển bởi chengyinliu.com. Sau khi cài đặt xong bạn sẽ thấy biểu tượng của What Font trên trình duyệt của mình như hình bên dưới.

Nhận biết Font chữ website nào đó đang sử dụng font chữ website - Nhận biết Font chữ website nào đó đang sử dụng
Nhận biết Font chữ website nào đó đang sử dụng

Cách sử dụng Extension What Font rất đơn giản. Khi lướt web, bạn thấy website nào có font chữ đẹp hoặc đơn giản là muốn biết website đó sử dụng font chữ nào ? Bạn hãy nhấp vào icon What Font và đưa chuột đến font chữ cần biết.

Nhận biết Font chữ website nào đó đang sử dụng font chữ website - Nhận biết Font chữ website nào đó đang sử dụng
Nhận biết Font chữ website nào đó đang sử dụng

Như hình bên trên bạn thấy Extension cho biết Blog Lại Văn Đức đang sử dụng font chữ Helvetica rồi phải không. Để tắt chức năng của Extension bạn nhấp vào số 3 là Exit Whatfont. Chưa hết chức năng nhé, ngoài việc đưa chuột xem font thì bạn có thể nhấp vào bất cứ đoạn văn bản nào, có thể nhấp nhiều lần để xem chi tiết các thuộc tính mà font chữ đó đang sử dụng.

Nhận biết Font chữ website nào đó đang sử dụng font chữ website - Nhận biết Font chữ website nào đó đang sử dụng
Nhận biết Font chữ website nào đó đang sử dụng

Như hình bên trên mình đã  kiểm tra được chi tiết các font chữ của Menu, Tiêu đề và mô tả ngắn. Extension chỉ rất chi tiết các thuộc tính CSS mà font chữ mình đang sử dụng trong từng khu vực. Trên bất kỳ website nào bạn cũng có thể sử dụng What font để tham khảo font chữ website họ đang sử dụng.

Lưu ý khi sử dụng font chữ trên website

Bạn đã biết website của người khác sử dụng font chữ nào rồi phải không ? Và bạn cũng muốn font chữ đẹp đó hiện diện trên website của mình. Nhưng hãy lưu ý chỉ nên sử dụng font chữ cơ bản trên máy tính mà đại đa số người dùng máy tính đều có. Các font cơ bản trên máy tính bao gồm:

  • Arial
  • Helvetica
  • Verdana
  • Tahoma
  • Palatino
  • Time New Roman
  • Georgia

Tất nhiên, bạn có thể sử dụng font chữ riêng của mình bằng cách chèn font chữ đó vào trong mã nguồn của website. Bên cạnh đó hãy sử dụng thuộc tính font chữ cho hợp lý để font chữ dễ đọc hơn, không lòe loẹt quá, font chữ phải phù hợp với nội dung website …..

Thế Thôi

Bên trên mình đã giới thiệu đến các bạn một công cụ khá hay để kiểm tra xem font chữ website người khác đang sử dụng là gì và các thuộc tính mà họ sử dụng cho font chữ đó mà không cần phải xem CSS mới biết được. Tất nhiên, vẫn còn khá nhiều cách khác để nhận biết font chữ website đang sử dụng, nếu bạn đang sử dụng cách nào đó đơn giản hơn, hãy cho mọi người cùng biết nhé.

5 Comments
  1. Phu Nguyen nói

    Bạn cho mình hỏi bạn dùng phần mềm gì để ghi chú lên ảnh vậy

    1. Lại Văn Đức nói

      Mình dùng phần mềm chụp ảnh màn hình Snagit nhé.

  2. KeniVinh nói

    Trước giờ toàn click chuột phải để xem không à, coi bộ add-on này tiện hơn rất nhiều.

  3. Trúc nói

    mấy hồi f12 xem nhưng mà gặp mấy cái theme pro thì chịu. Chưa biết addon này ntn, có lẻ cần dùng thử

  4. ducphuli nói

    cần tìm mấy trang mà ko xem đc

Để lại một trả lời

Địa chỉ email của bạn sẽ không được công bố.