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ữ Sử dụ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ự.
Đây là cách xác định phông chữ bằng công cụ Kiểm tra của trình duyệt của bạn.
- Mở trang web bạn muốn sử dụng.
- Đánh dấu văn bản có phông chữ bạn muốn xác định và nhấp chuột phải vào văn bản đó.
- Nhấp vào Kiểm tra từ menu ngữ cảnh.
- Khi trình đơn Kiểm tra mở ra, nhấp vào Đã tính .
- Cuộn xuống để tìm Họ Phông chữ tiết diệ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ế:
- Mở trang web bạn muốn sử dụng.
- Nhấn Ctrl + Shift + C ( Cmd + Shift + C trên máy Mac).
- 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 thực hiện việc này:
- Truy cập trang web.
- Mở mã nguồn bằng cách nhấn Ctrl + Shift + I ( Cmd + Shift + I trên máy Mac).
- Nhấp vào Mạng và sau đó chọn Phông chữ chuyển hướng.
- 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ách xác định phông chữ bằng các tiện ích mở rộng của 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ữ .
Hãy xem quy trình xác định phông chữ bằ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.
- 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ó.
- 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 các 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.
- 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.
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ữ:
- Đánh dấu một phần văn bản từ trang web.
- Nhấp chuột phải vào nó và chọn Trình tìm phông chữ từ menu ngữ cảnh.
- Chọn Thay thế phông chữ bằng và nhập tên phông chữ. Hãy thêm Calibri và xem cách nó thay đổi phông chữ trong bản xem trước.
- Nếu bạn muốn đặt lại phông chữ, hãy làm mới trang.
Kiểm tra Phông chữ trong Hình ảnh thì sao?
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, WhatTheFont, và nhiều công cụ 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.
- Nếu bạn chưa có, hãy tải xuống hình ảnh bạn muốn sử dụng.
- Nhập hình ảnh vào WhatTheFont.
- 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ấn vào nút mũi tên khi hoàn thành.
- WhatTheFont sau đó sẽ khớp phông chữ trong hình ả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ẽ.
- Nếu bạn không tìm thấy kết quả phù hợp 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.
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ờ bắt gặp 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.