Cách tìm phông chữ của trang web bằng công cụ kiểm tra phần tử và tiện ích mở rộng trình duyệt

Cách tìm phông chữ của trang web bằng công cụ kiểm tra phần tử và tiện ích mở rộng trình duyệt

Sự thành công của trang web của bạn phụ thuộc rất nhiều vào sự xuất hiện của nó. Có sự kết hợp màu sắc và chủ đề phù hợp sẽ giữ chân khách truy cập vào trang web của bạn lâu hơn một chút. Ngoài bảng màu và cấu trúc trang web của bạn, phông chữ bạn chọn cũng đóng một vai trò thiết yếu trong việc thu hút khán giả của bạn.





Có lẽ bạn bắt gặp một trang web hấp dẫn khi duyệt web và bạn muốn biết nó đang sử dụng phông chữ nào. Với các tiện ích mở rộng trực tuyến và công cụ Kiểm tra phần tử tích hợp trong trình duyệt của bạn, việc xác định phông chữ thật nhanh chóng và dễ dàng.



Cách Tìm Phông chữ bằng Công cụ Kiểm tra Phần tử

Trong trường hợp bạn không biết, công cụ Kiểm tra phần tử tích hợp trong trình duyệt của bạn cho phép bạn kiểm tra mã nguồn của trang web. Bạn có thể hiểu các yếu tố thiết kế của một trang web bằng cách xem CSS, HTML và các thông tin khác của nó. Đó là một cách tuyệt vời để lấy cảm hứng khi thiết kế trang web của riêng bạn.





Quá trình xác định phông chữ bằng công cụ Kiểm tra phần tử khá đơn giản và bạn sẽ không cần bất kỳ kỹ năng viết mã nào. Công cụ này có sẵn trong tất cả các trình duyệt trên thị trường và mỗi trình duyệt đều có bố cục tương tự.

mã lỗi trung tâm trợ giúp Disney plus 83

Đây là cách xác định phông chữ bằng công cụ Kiểm tra của trình duyệt.



  1. Mở trang web bạn muốn sử dụng.
  2. Đánh dấu văn bản có phông chữ bạn muốn xác định và bấm chuột phải vào văn bản đó.
  3. Bấm vào Quan sát từ menu ngữ cảnh.
  4. Khi menu Kiểm tra mở ra, hãy nhấp vào Tính toán .
  5. Cuộn xuống để tìm Phông chữ-Họ phần. Tại đây, bạn có thể tìm thấy tên và kiểu phông chữ, cũng như kích thước của nó.

Các cách khác để sử dụng công cụ kiểm tra

Nếu bạn muốn một cách nhanh hơn để tìm phông chữ của trang web bằng công cụ Kiểm tra, hãy thử cách này thay thế:

  1. Mở trang web bạn muốn sử dụng.
  2. nhấn Ctrl + Shift + C ( Cmd + Shift + C trên máy Mac).
  3. Di chuột qua văn bản để hiển thị kiểu phông chữ, kích thước, mã màu và lề.

Bạn cũng có thể kiểm tra danh sách phông chữ được sử dụng trên trang web bằng công cụ Kiểm tra. Đây là cách để làm điều này:



  1. Đi đến trang web.
  2. Mở mã nguồn bằng cách nhấn Ctrl + Shift + I ( Cmd + Shift + I trên máy Mac).
  3. Nhấn vào Mạng và sau đó chọn Chế tạo chuyển hướng.
  4. Tại đây, bạn sẽ thấy danh sách tất cả các phông chữ được sử dụng trên trang web.

Để có được danh sách tất cả các phông chữ trong thời gian thực, bạn có thể phải làm mới trang web.

Có liên quan: Cách tăng hoặc giảm kích thước phông chữ trong Firefox



Cách xác định phông chữ bằng tiện ích mở rộng trình duyệt

Nếu bạn muốn một cách thuận tiện hơn để xác định phông chữ, bạn có thể muốn cài đặt tiện ích mở rộng trình duyệt tìm phông chữ. Mặc dù có một số tiện ích mở rộng trình duyệt có thể giúp phát hiện phông chữ trên web, nhưng hai tiện ích mở rộng phổ biến nhất là WhatFont và Công cụ tìm phông chữ .

Chúng ta hãy xem xét quá trình xác định phông chữ bằng cách sử dụng cả hai phần mở rộng.

1. WhatFont

WhatFont phổ biến rộng rãi để nhanh chóng phát hiện nhiều phông chữ cùng một lúc. Đây là cách sử dụng công cụ này.

  1. Khi WhatFont được bật trong trình duyệt của bạn, hãy di chuột qua văn bản để hiển thị phông chữ của nó.
  2. Khi bạn nhấp vào văn bản, một cửa sổ bật lên sẽ xuất hiện với phần còn lại của chi tiết phông chữ, chẳng hạn như kích thước phông chữ, màu sắc và kiểu.
  3. Ngoài ra, bạn có thể chọn đồng thời nhiều phần văn bản để so sánh các phông chữ khác nhau trên cùng một trang.

Tải xuống: WhatFont cho Trình duyệt Chrome | Firefox | Safari (Miễn phí)

2. Công cụ tìm phông chữ

Font Finder cũng hiển thị chi tiết phông chữ khi bạn di chuột qua bất kỳ văn bản nào trên trang web. Tuy nhiên, nó cung cấp rất nhiều chi tiết kỹ thuật, vì vậy có thể hơi khó hiểu nếu bạn không quen với thiết kế web.

Điều đó nói rằng, Font Finder phù hợp hơn cho các nhà phát triển web muốn thay thế các phông chữ hiện có bằng phông chữ mới trong thời gian thực. Điều này giúp bạn dễ dàng kiểm tra phông chữ trước khi thực hiện bất kỳ thay đổi vĩnh viễn nào.

Dưới đây là cách kiểm tra phông chữ bằng Trình tìm kiếm phông chữ:

  1. Đánh dấu một phần văn bản từ trang web.
  2. Nhấp chuột phải vào nó và chọn Công cụ tìm phông chữ từ menu ngữ cảnh.
  3. Lựa chọn Thay thế phông chữ bằng và nhập tên phông chữ. Hãy thêm Calibre và xem cách nó thay đổi phông chữ trong bản xem trước.
  4. Nếu bạn muốn đặt lại phông chữ, hãy làm mới trang.

Tải xuống: FontFinder cho Trình duyệt Chrome | Lưỡi sắc | Firefox (Miễn phí)

Điều gì về Kiểm tra Phông chữ trong Hình ảnh?

Nếu bạn muốn xác định phông chữ trong hình ảnh, tiện ích mở rộng trình duyệt và công cụ Kiểm tra trình duyệt của bạn có thể không hữu ích. Tuy nhiên, bạn có thể thử các công cụ kiểm tra hình ảnh trực tuyến như WhatFontIs , FontSquirrel , Fontspring , Phông là gì , và nhiều người khác.

Quá trình xác định phông chữ từ một hình ảnh phần lớn giống nhau trong tất cả các công cụ. Hãy thử xác định phông chữ trong hình ảnh bằng WhatTheFont.

  1. Nếu bạn chưa có, hãy tải xuống hình ảnh bạn muốn sử dụng.
  2. Nhập hình ảnh vào Phông là gì .
  3. WhatTheFont sẽ tự động phát hiện văn bản trong hình ảnh của bạn. Thu nhỏ hoặc phóng to hộp cắt sao cho nó bao quanh phông chữ bạn muốn xác định. Đánh vào nút mũi tên khi hoàn thành.
  4. WhatTheFont sau đó sẽ khớp phông chữ trong ảnh với các phông chữ trong bộ sưu tập của nó và sẽ hiển thị cho bạn các phông chữ có liên quan chặt chẽ.
  5. Nếu bạn không tìm thấy một kết hợp tốt ngay lập tức, bạn có thể tiếp tục nhấp vào Hiển thị thêm kết quả để xem thêm các phông chữ liên quan.

Có liên quan: Trang web phông chữ miễn phí tốt nhất cho phông chữ miễn phí trực tuyến

Phát hiện phông chữ từ web và sử dụng chúng trong thiết kế của bạn

Phông chữ đóng một vai trò quan trọng trong sự thành công của một trang web hoặc một thiết kế đồ họa. Nếu bạn tình cờ gặp phải một phông chữ hấp dẫn trong khi duyệt web, bạn có thể dễ dàng phát hiện ra nó bằng cách sử dụng các phương pháp trên.

Đăng lại Đăng lại tiếng riu ríu E-mail WhatTheFont và 4 giải pháp thay thế để tìm phông chữ từ hình ảnh

Bạn muốn tìm phông chữ từ hình ảnh? Có những công cụ trực tuyến có thể làm điều đó cho bạn, bao gồm WhatTheFont và nhiều lựa chọn thay thế khác nhau.

Đọc tiếp Chủ đề liên quan
  • Internet
  • Sáng tạo
  • Phông chữ
  • Tiện ích mở rộng trình duyệt
  • Mẹo duyệt web
Giới thiệu về tác giả Shan Abdul |(Đã xuất bản 46 bài báo)

Shan Abdul là Tốt nghiệp Kỹ sư Cơ khí. Sau khi hoàn thành chương trình học của mình, anh ấy đã bắt đầu sự nghiệp của mình với tư cách là một nhà văn tự do. Anh ấy viết về việc sử dụng các công cụ và phần mềm khác nhau để giúp mọi người làm việc hiệu quả hơn với tư cách là sinh viên hoặc chuyên gia. Khi rảnh rỗi, anh ấy thích xem các video trên Youtube một cách hiệu quả.

Xem thêm từ Shan Abdul

Theo dõi bản tin của chúng tôi

Tham gia bản tin của chúng tôi để biết các mẹo công nghệ, đánh giá, sách điện tử miễn phí và các ưu đãi độc quyền!

Bấm vào đây để đăng ký