Kiểm tra font chữ trên web


Nhiều lúc đang lướt web bạn thấy một font chữ đẹp mà không biết nó tên gì, thay vì phải dùng đến add-on Firebug hay ngồi căng mắt kiểm tra file CSS của trang web đó thì giờ đây bạn chỉ cần bookmarklet có tên WhatFont. Chạy WhatFont, sau đó rê chuột lên font chữ cần xác đinh, tên của font đó sẽ hiện ra ngay lập tức.

Cài đặt bookmarklet:

  • Đầu tiên, bạn vào trang: http://chengyinliu.com/whatfont.html. Có một nút tên là WhatFont.
  • Đối với Chrome & Firefox: Nhấn và giữ chuột kéo nút này bỏ vào thanh bookmark.
  • Đối với Opera: Tạo mới một bookmark trong phần Bookmarks của trình duyệt:
    • Ô Name: Để tên sao cho dễ nhớ, ví dụ: WhatFont
    • Ô Address: gõ đoạn mã này vào:

Code:

javascript😔function(){document.body.appendChild(document.createElement('scr'+'ipt')).setAttribute('src', 'http://chengyinliu.com/wf.js')})();

  • Sau đó lưu lại, nhớ đánh dấu chọn vào ô "Show on Bookmarks Bar".


Cách sử dụng:

  • Khi cần xác định tên font, bạn nhấn vào bookmarklet WhatFont, sau đó rê chuột lên font chữ đó, tên font sẽ hiện ra.
  • Bấm vào nút Exit WhatFont ở góc trên bên phải màn hình để tắt WhatFont.

Đăng ký cập nhập video từ netweb.vn

Kiểm tra font chữ trên web

Hello các bạn! hôm này netweb.vn sẽ hướng dẫn các bạn cách kiểm tra môt font bất kỳ trên website

Font chữ là một yếu tố rất quan trọng trọng thiết kế website. Font Sans được sử dụng phổ biến, không mang lại cảm giác đặc biệt cho người đọc.Sử dụng font Selif lại tạo cảm giác trang trọng và cổ điển hơn. Nhìn vào một website được thiết kế vô cùng đẹp, điểm gây ấn tượng và then chốt nhất là font chữ mà bạn sử dụng. Phần kế tiếp, tôi sẽ trình bày cho bạn làm thế nào để kiểm tra font chữ của một website

  • Cài đặt extension WhatFont

Cài đặt extension WhatFont

Kiểm tra font chữ trên web
Các bạn có thể click vào icon whatfont để hiển thị font cho các bạn

Chúc các bạn thành công!

Bài viết mới cập nhập

  • Kiểm tra font chữ trên web

    Quản lý mẫu web phòng khám

    3 tháng trước, 148 Lượt xem

    Xin chào tất cả các khách hàng dùng mẫu web công ty bên netweb, sau đây netweb.vn xin hướng dẫn các bạn quản lý mẫu…

  • Kiểm tra font chữ trên web

    Sửa lỗi Error: MySQL shutdown unexpectedly – tắt Mysql xampp không đúng cách

    4 tháng trước, 197 Lượt xem

    Chào các bạn hôm nay netweb.vn sẽ hướng dẫn các bạn dùng xampp khi bị lỗi Error: MySQL shutdown unexpectedly di tắt mysql không đúng…

  • Kiểm tra font chữ trên web

    Quản lý mẫu web công ty

    6 tháng trước, 198 Lượt xem

    Xin chào tất cả các khách hàng dùng mẫu web công ty bên netweb, sau đây netweb.vn xin hướng dẫn các bạn quản lý mẫu…

  • Kiểm tra font chữ trên web

    Quản lý mẫu web dự án bất động sản

    11 tháng trước, 428 Lượt xem

    Xin chào tất cả các khách hàng dùng mẫu web dự án bất động sản bên netweb, sau đây netweb.vn xin hướng dẫn các bạn…

  • Kiểm tra font chữ trên web

    Kích hoạt Gutenberg Editor cho các sản phẩm WooCommerce

    12 tháng trước, 189 Lượt xem

    Trình chỉnh sửa khối Gutenberg cũng có thể được sử dụng cho mô tả sản phẩm WooCommerce. Thật không may, không phải là tiêu chuẩn, nhưng…