Mẹo nhỏ: Để tìm kiếm chính xác bài viết từ DONGNAIART.EDU.VN, hãy search trên Google với cú pháp: "Từ khóa" + "DONGNAIART". (Ví dụ: Lý do chuyển lớp Dongnaiart). Tìm kiếm ngay
15 lượt xem

cách kiểm tra font chữ trên web

Bạn đang quan tâm đến cách kiểm tra font chữ trên web phải không? Nào hãy cùng DONGNAIART đón xem bài viết này ngay sau đây nhé, vì nó vô cùng thú vị và hay đấy!

XEM VIDEO cách kiểm tra font chữ trên web tại đây.

Nếu bạn bị hấp dẫn bởi một font chữ trên một website bất kì và muốn tìm cách tải về cho bằng được nhưng không biết làm sao? Hôm nay, wiki.onlineaz.vn sẽ hướng dẫn bạn cách tìm font chữ trên website bằng cách view source HTML (kiểm tra phần tử của trình duyệt) cũng như sử dụng tiện ích mở rộng trên máy tính cực kỳ dễ dàng. Mời bạn đọc tìm hiểu ngay dưới đây nhé.

  • Intel Core i5 – Sự cân bằng giữ tính năng, sự ổn định và giá cả
  • Vocal Remover: Tách lời, tạo beat karaoke cực đơn giản

Sforum - Trang thông tin công nghệ mới nhất 1625126772_0-verschiedene-schriftarten Hướng dẫn tìm font chữ của website bằng Source HTML

Bạn đang xem: cách kiểm tra font chữ trên web

Mục lục

Cách tìm font chữ của website bằng Source HTML

Nếu như bạn chưa biết thì cách view source HTML trên trình duyệt thường được dùng để kiểm tra mã nguồn của một trang web. Bạn có thể thấy được các dòng CSS, HTML và những thông tin khác của website đó. Đối với những bạn học lập trình, thiết kế web thì có thể học hỏi, phân tích, lấy cảm hứng thiết kế thông qua cách thức này. Để tìm font chữ trên website bằng view source html, bạn thực hiện theo 1 trong 2 cách dưới đây:

Cách 1

Bước 1: Hãy mở một trang website bạn muốn sử dụng.

Xem Thêm:  platform as a service là gì

Bước 2: Quét chọn vào văn bản chứa font chữ bạn muốn tìm kiếm > Nhấn chuột phải, chọn vào mục Kiểm tra để mở trình view source.

Sforum - Trang thông tin công nghệ mới nhất Screenshot-2021-09-22-152833 Hướng dẫn tìm font chữ của website bằng Source HTML

Bước 3: Trình source sẽ hiển thị ra và bạn hãy tìm tới tab Computed được viền đỏ trong hình dưới đây > Cuộn xuống và tìm thẻ font-family, như hình dưới đây sẽ là font Helvetica Neue. Bạn cũng có thể thấy được kích thước font qua thẻ font-size.

Sforum - Trang thông tin công nghệ mới nhất Screenshot-2021-09-22-152946 Hướng dẫn tìm font chữ của website bằng Source HTML

Cách 2

Bước 1: Mở trang web bạn muốn sử dụng > Nhấn tổ hợp phím Ctrl + Shift + C, trình view source sẽ hiển thị.

Bước 2: Lúc này bạn chỉ cần di chuyển chuột đến phần văn bản mà bạn muốn tìm font chữ thì nó sẽ tự động hiển thị font chữ, mã màu của font, canh lề (margin), kích thước chữ.

Sforum - Trang thông tin công nghệ mới nhất Screenshot-2021-09-22-153345-1 Hướng dẫn tìm font chữ của website bằng Source HTML

Tìm font chữ bằng tiện ích mở rộng

Xem thêm: ĐẢNG CỘNG SẢN VIỆT NAM

Nếu bạn không muốn tìm kiếm bằng cách view source html thì bạn cũng có thể thực hiện cách tiện lợi hơn là sử dụng tiện ích mở rộng. Dưới đây là 2 tiện ích giúp bạn phát hiện font chữ trên website khá phổ biến đó là What Font – find fontFont Finder.

What Font – find font

Bước 1: Thêm tiện ích mở rộng What Font – find font cho Chrome hoặc Cốc Cốc theo link tại đây.

Sforum - Trang thông tin công nghệ mới nhất Screenshot_39 Hướng dẫn tìm font chữ của website bằng Source HTML

Bước 2: Bạn chỉ nhấn vào biểu tượng của tiện ích này góc trên bên phải màn hình để kích hoạt > Sau đó, bạn hãy rê chuột đến bất cứ chỗ văn bản nào bạn muốn và click chuột một cái để hiển thị chi tiết tên font, kích thước…

Xem Thêm:  cách tắt backup trong win 10

Sforum - Trang thông tin công nghệ mới nhất Screenshot_41-1 Hướng dẫn tìm font chữ của website bằng Source HTML

Font Finder

Bước 1: Thêm tiện ích Font Finder cho Chorme/Cốc Cốc theo link tại đây.

Sforum - Trang thông tin công nghệ mới nhất Screenshot_40 Hướng dẫn tìm font chữ của website bằng Source HTML

Bước 2: Nhấn vào biểu tượng của tiện ích để bật tính năng tìm kiếm.

Sforum - Trang thông tin công nghệ mới nhất Screenshot-2021-09-22-154259-1 Hướng dẫn tìm font chữ của website bằng Source HTML

Sau đó rê chuột đến văn bản chứa font chữ cần tìm và nhấn vào đó. Lúc này trên màn hình máy tính sẽ hiển thị một bảng thông số bao gồm tên font chữ, độ đậm của font, kích thước font, màu sắc…

Sforum - Trang thông tin công nghệ mới nhất Screenshot_42-1 Hướng dẫn tìm font chữ của website bằng Source HTML

Tìm font chữ bằng hình ảnh với WhatTheFont

Ngoài ra các cách trên, bạn cũng có thể tìm font chữ bằng cách nhờ vào các website tìm kiếm font chữ bằng hình ảnh như WhatTheFont, WhatFontIs , FontSquirrel , Fontspring. Cách thức thực hiện trên các website trên là tương tự nhau nên mình sẽ chỉ hướng dẫn trên WhatTheFont thôi nhé!

Tham khảo: chứng chỉ tiếng anh có thời hạn bao lâu

Bước 1: Bạn hãy chụp màn hình phần văn bản chưa font chữ bạn muốn tìm kiếm.

Bước 2: Truy cập vào trang web của WhatTheFont theo link tại đây.

Bước 3: Kéo và thả trực tiếp ảnh chụp màn hình ở bước 1 vào website.

Sforum - Trang thông tin công nghệ mới nhất Screenshot-2021-09-22-155022-1 Hướng dẫn tìm font chữ của website bằng Source HTML

Nhấn vào mũi tên xanh như hình dưới đây để tự động nhận dạng font chữ.

Sforum - Trang thông tin công nghệ mới nhất Screenshot_43-1 Hướng dẫn tìm font chữ của website bằng Source HTML

Sau đó một danh sách font chữ có đường nét tương đồng, liên quan sẽ hiện ra.

Sforum - Trang thông tin công nghệ mới nhất Screenshot_44-1 Hướng dẫn tìm font chữ của website bằng Source HTML

Bước 4: Nếu bạn không tìm thấy kết quả ngay lập tức thì bạn có thể nhấn vào nút Show more result (Hiển thị thêm kết quả) để tìm kiếm.

Xem Thêm:  Thiết bị trao đổi nhiệt dạng Bản mỏng

Sforum - Trang thông tin công nghệ mới nhất Screenshot_45-1 Hướng dẫn tìm font chữ của website bằng Source HTML

Kết luận

Cuối cùng, trong những cách hướng dẫn trên thì mình thấy cách chính xác nhất là tìm font kiếm chữ bằng cách view source html và dùng tiện ích mở rộng. Còn cách cuối cùng thì bạn có thể dùng để tham khảo thêm nhiều font chữ khác liên quan làm cảm hứng. Chúc bạn thực hiện thành công nhé!

  • Xem thêm: Thủ thuật Windows, Thủ thuật laptop

MUA LAPTOP GIÁ SIÊU TỐT

[commentS]Thẻ: font chữThủ thuậtThủ thuật máy tínhTiện ích mở rộng

Tham khảo: làm chứng chỉ tin học của bộ giáo dục

Vậy là đến đây bài viết về cách kiểm tra font chữ trên web đã dừng lại rồi. Hy vọng bạn luôn theo dõi và đọc những bài viết hay của chúng tôi trên website Dongnaiart.edu.vn

Thông báo chính thức: Dongnaiart.edu.vn - Tổng hợp và biên soạn các bài viết từ nhiều nguồn trên internet. Trong quá trình thực hiện, nếu chúng tôi có sử dụng hình ảnh và nội dung của bạn mà chưa cập nhật nguồn. Vui lòng liên hệ qua email: dongnaiart.edu.vn@gmail.com để chúng tôi được biết và cập nhật đầy đủ. Cảm ơn các bạn đã theo dõi bài viết của chúng tôi!

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *