Các cặp font được sử dụng trên website thực tế

Những kết hợp font này xuất hiện cùng nhau nhiều nhất trên các website được phân tích bởi What the Font. Mỗi cặp dựa trên dữ liệu sử dụng thực tế - không chỉ là lý thuyết thiết kế.

Các cặp font phổ biến nhất

#1Được dùng cùng trên 191 trang web
#2Được dùng cùng trên 182 trang web
#3Được dùng cùng trên 180 trang web
#4Được dùng cùng trên 103 trang web
#5Được dùng cùng trên 94 trang web
#6Được dùng cùng trên 82 trang web
#7Được dùng cùng trên 76 trang web
#8Được dùng cùng trên 74 trang web
#9Được dùng cùng trên 71 trang web
#10Được dùng cùng trên 69 trang web
#11Được dùng cùng trên 69 trang web
#12Được dùng cùng trên 68 trang web
#13Được dùng cùng trên 60 trang web
#14Được dùng cùng trên 59 trang web
#15Được dùng cùng trên 51 trang web
#16Được dùng cùng trên 50 trang web
#17Được dùng cùng trên 50 trang web
#18Được dùng cùng trên 49 trang web
#19Được dùng cùng trên 47 trang web
#20Được dùng cùng trên 46 trang web

Cặp font là gì?

Cặp font là sự kết hợp của hai (hoặc nhiều) kiểu chữ hoạt động tốt cùng nhau trên website. Thông thường một font được dùng cho tiêu đề và font kia cho văn bản nội dung. Các cặp tốt nhất tạo ra hệ thống phân cấp thị giác trong khi vẫn hài hòa - các font đủ tương phản để phân biệt, nhưng chia sẻ đủ cá tính để cảm thấy gắn kết.

Dữ liệu này đến từ đâu?

Mỗi cặp trên trang này được lấy từ các website thực tế được phân tích bởi What the Font. Khi nhiều font xuất hiện cùng nhau trên cùng một trang, chúng được tính là một cặp. Càng nhiều trang một kết hợp xuất hiện, thứ hạng càng cao. Điều này phản ánh các quyết định thiết kế thực tế của các lập trình viên và nhà thiết kế thực sự - không chỉ là các khuyến nghị lý thuyết.

Cách chọn cặp font cho dự án của bạn

Bắt đầu bằng cách chọn font chính cho tiêu đề - điều gì đó đặc biệt phù hợp với cá tính thương hiệu của bạn. Sau đó chọn font phụ cho văn bản nội dung có khả năng đọc cao ở kích thước nhỏ. Cách tiếp cận phổ biến là ghép serif với sans-serif, hoặc font hiển thị với font trung tính như Inter hoặc Roboto. Nhấp vào bất kỳ tên font nào để khám phá chi tiết đầy đủ và mẫu chữ.

Tất cả font đều từ Google Fonts

Mọi font xuất hiện trong các cặp này đều có sẵn trên Google Fonts - thư viện miễn phí, nguồn mở mà bạn có thể sử dụng trên bất kỳ website nào. Chỉ cần thêm lệnh import CSS cho mỗi font bạn muốn và bắt đầu sử dụng ngay. Không có phí bản quyền, không cần đăng ký. Nhấp vào tên font để xem trang Google Fonts của nó và sao chép mã import.

Đang phân tích một website?

Nếu bạn đang cố nhận dạng font trên website thay vì trong hình ảnh tĩnh, hãy sử dụng công cụ kiểm tra font dựa trên URL của chúng tôi. Dán bất kỳ URL nào và chúng tôi sẽ trích xuất mọi font mà trang web đó sử dụng.