Cho dù bạn đang thiết kế hay giống như giao diện của một trang web cụ thể, việc biết loại trang web đó đang sử dụng và kích thước của nó có thể giúp bạn mô phỏng nó hoặc sử dụng nó trên trang web của riêng bạn. Có một số cách để đạt được điều này và tôi sẽ chỉ cho bạn một vài trong số chúng ở đây. Vì vậy, nếu bạn muốn kiểm tra loại phông chữ và kích thước trên một trang web, hãy đọc tiếp!
Với hàng triệu phông chữ ngoài kia, việc tìm ra một phông chữ hoàn hảo có thể mất nhiều thời gian hơn bình thường. Khi bạn phát hiện ra một cái tốt, bạn cần tìm ra cái gì ở ngay đó và sau đó, nếu không bạn có thể mất nó mãi mãi. Nếu nó đặc biệt tốt, bạn có thể sử dụng nó trên trang web của riêng bạn, dưới dạng phông chữ Office hoặc trong Windows tùy thuộc vào loại phông chữ. Chỉ cần đảm bảo rằng một số phông chữ đã được đăng ký bản quyền và không có sẵn cho công chúng sử dụng.
Kiểm tra loại phông chữ và kích thước trên một trang web
Có một số cách để kiểm tra loại phông chữ và kích thước trên bất kỳ trang web nào. Phương pháp đơn giản nhất sử dụng chính trình duyệt, trong khi các phương pháp khác sử dụng các công cụ của bên thứ ba để xác định tài sản trang. Tôi sẽ bao gồm cả hai loại. Đầu tiên, chúng tôi sẽ tập trung vào phương pháp trình duyệt tích hợp.
- Nhấp chuột phải vào trang bạn thích giao diện và chọn Inspect Element (Firefox), Inspect (Chrome) hoặc F12 Developer Tools (Edge).
- Chọn Thanh tra (Firefox) trong các cửa sổ dưới cùng mới và cuộn xuống bên phải cho đến khi bạn gặp Phông chữ. Nó sẽ hiển thị họ phông chữ, phông chữ cụ thể được sử dụng, kích thước, màu sắc của nó và bất cứ thứ gì khác mà trang xác định.
CMS khác nhau và các thiết kế web khác nhau hiển thị thông tin phông chữ của họ theo nhiều cách khác nhau. Hãy thử phương pháp này trên một vài trang web và bạn có thể sẽ thấy một vài cách khác nhau để phông chữ được xác định.
Các công cụ của bên thứ ba để xác định loại và kích thước phông chữ
Có một vài tiện ích bổ sung của bên thứ ba hoạt động như plugin hoặc bookmarklets và có thể xác định các loại phông chữ. Chúng hoạt động với hầu hết các trình duyệt, bao gồm Safari, vì vậy bạn nên tìm thứ gì đó bạn có thể làm việc mà không gặp nhiều rắc rối.
Bọ lửa
Fireorms từng là một công cụ gỡ lỗi chỉ dành cho Firefox dành cho các nhà phát triển. Nó trở nên phổ biến đến mức bây giờ nó là bất khả tri của trình duyệt và sẽ hoạt động với hầu hết các trình duyệt. Nó là một công cụ cực kỳ linh hoạt có thể kiểm tra bất kỳ yếu tố nào của trang web, bao gồm cả phông chữ.
Chỉ cần cài đặt tiện ích bổ sung như bình thường, tô sáng một số văn bản trên trang, nhấp vào tab HTML trong Fireorms và sau đó nhấp vào 'Tính toán' ở bên phải. Firebird sau đó nên làm nổi bật tên phông chữ, họ phông chữ, kích thước, trọng lượng và tất cả mọi thứ bạn cần biết.
Tuy nhiên, hãy nhớ rằng Firebird đã ngừng hoạt động kể từ năm 2017. Các phiên bản cũ hơn của nó vẫn có thể được tải xuống, nhưng chúng sẽ không được cập nhật nữa và Firebird có thể sẽ mất chức năng khi trình duyệt phát triển.
Không có gì
WhatFont là một bookmarklet có thể xác định phông chữ trên các trang web. Kéo bookmarklet vào thanh dấu trang của bạn và sử dụng nó để xác định hầu hết mọi phông chữ, ở bất cứ đâu. Nó miễn phí để sử dụng và rất đơn giản. Điều hướng đến một trang web bạn thích, nhấp vào bookmarklet và di chuột qua phông chữ bạn muốn xác định. Một hộp nhỏ màu đen xuất hiện trên nó, cho bạn biết phông chữ.
Khi được cập nhật, nó thậm chí còn được tương thích với các tiện ích bổ sung có liên quan.
Một lần nữa, tùy thuộc vào cách CMS được cấu hình hoặc cách thiết kế trang, đây sẽ là một nhận dạng phông chữ đơn giản hoặc một hộp đầy đủ cung cấp cho bạn kích thước, màu sắc, trọng lượng, v.v.
Có rất nhiều tiện ích bổ sung loại bookmarklet có thể xác định phông chữ; WhatFont chỉ là một trong số họ. Bạn có sử dụng một? Bài viết này đã thuyết phục bạn thử một cái mới chưa? Hãy cho chúng tôi biết dưới đây.
