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 104 trang web
#2Được dùng cùng trên 104 trang web
#3Được dùng cùng trên 78 trang web
#4Được dùng cùng trên 44 trang web
#5Được dùng cùng trên 42 trang web
#6Được dùng cùng trên 42 trang web
#7Được dùng cùng trên 33 trang web
#8Được dùng cùng trên 31 trang web
#9Được dùng cùng trên 31 trang web
#10Được dùng cùng trên 28 trang web
#11Được dùng cùng trên 28 trang web
#12Được dùng cùng trên 27 trang web
#13Được dùng cùng trên 26 trang web
#14Được dùng cùng trên 26 trang web
#15Được dùng cùng trên 25 trang web
#16Được dùng cùng trên 23 trang web
#17Được dùng cùng trên 23 trang web
#18Được dùng cùng trên 23 trang web
#19Được dùng cùng trên 20 trang web
#20Được dùng cùng trên 20 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.