Chuyển đến nội dung
patrache.tools

Gợi ý cặp font

Gợi ý cặp font trực tuyến miễn phí. Khám phá tổ hợp Google Fonts cho tiêu đề và nội dung với xem trước trực tiếp. Xử lý trên trình duyệt.

Classic Elegant

Con cáo nâu nhanh nhẹn

Con cáo nâu nhanh nhẹn nhảy qua con chó lười. Kết hợp phông chữ tốt rất quan trọng cho thiết kế.

Tiêu đề: Playfair DisplayNội dung: Source Sans 3
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+3:wght@400;700&display=swap'); h1, h2, h3 { font-family: 'Playfair Display', serif; } body, p { font-family: 'Source Sans 3', sans-serif; }
lockTệp không được gửi đến máy chủ
Chia sẻ
Nhúng

Nhúng công cụ này vào trang của bạn

Trình gợi ý kết hợp font là công cụ trực tuyến miễn phí đề xuất cặp font phù hợp. Xem trước tổ hợp font tiêu đề và nội dung với mã Google Fonts sẵn dùng.

Cách sử dụng Gợi ý cặp font?

  1. Chọn font tiêu đề hoặc xem đề xuất.
  2. Xem trước các tổ hợp font nội dung.
  3. Sao chép mã Google Fonts cho cặp font đã chọn.

Câu hỏi thường gặp về Gợi ý cặp font

Tiêu chí của một cặp font tốt là gì?

Tương phản và hài hòa là chìa khóa. Dùng font serif hoặc display cho tiêu đề kết hợp sans-serif cho nội dung thường là tổ hợp tốt.

Các font được đề xuất có miễn phí không?

Có, tất cả font đề xuất đều là font mã nguồn mở miễn phí từ Google Fonts. Có thể sử dụng tự do trong cả dự án cá nhân và thương mại.

Dùng nhiều phông web có làm trang chậm không?

Gánh nặng nằm ở số kiểu đậm nhạt hơn là ở số họ phông. Một tệp phông thường chỉ 20-40 KB, nên hai họ phông với hai độ đậm mỗi họ chỉ vào khoảng 100 KB, hoàn toàn ổn. Rắc rối bắt đầu khi bạn nạp một họ phông với sáu độ đậm khác nhau. Phông biến thiên bao trọn mọi độ đậm chỉ trong một tệp, và đặt font-display: swap sẽ giúp chữ hiện ra ngay cả khi phông về muộn.

Nên chọn phông cho phần thân bài theo tiêu chí nào?

Với phần thân bài, dễ đọc quan trọng hơn cá tính. Hãy tìm phông có chiều cao chữ thường rộng rãi ở cỡ 16 px, khoảng cách giữa các chữ thoải mái, và hình dạng phân biệt rõ giữa 1, l, I cũng như 0 và O. Hãy dán vào một đoạn văn thật của chính bạn rồi đọc trên cả laptop lẫn điện thoại; điều đó nói lên nhiều hơn bất kỳ câu mẫu nào trong bảng trưng bày. Phông cá tính có thể gánh phần tiêu đề, nhưng phông điềm đạm ở thân bài mới là thứ người ta đọc tiếp.

Cách tận dụng Gợi ý cặp font hiệu quả?

  • Nhiều font Latin thiếu dấu tiếng Việt — hãy kiểm tra chữ ế, ữ, ợ trước khi chọn.
  • Ghép một font tiêu đề có cá tính với một font thân bài trung tính, đừng dùng hai font nổi bật.
  • Tương phản bằng độ đậm (700 với 400) thường an toàn hơn là đổi hẳn kiểu chữ.

Powered by Patrache Studio Tools

Vui lòng cho phép quảng cáo trên trang này

Để sử dụng các công cụ này, hãy cho phép quảng cáo trên trang này. Quảng cáo giúp duy trì dịch vụ miễn phí.

Mở trình chặn quảng cáo, tắt chặn cho trang này rồi kiểm tra lại.