Font Pairing Guide
Explore curated Google Fonts pairings with live previews.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog. Typography is the art of arranging letters and text in a way that makes the copy legible, clear, and visually appealing to the reader. Good font pairing enhances readability and reinforces the overall design aesthetic of your website or application.
Font tiêu đề: Playfair Display · Font nội dung: Source Sans 3
Google Fonts: <link href="https://fonts.googleapis.com/css2?family=Playfair%20Display:wght@400;700&family=Source%20Sans%203:wght@400;700&display=swap" rel="stylesheet">
Giới thiệu công cụ
Công cụ phối hợp font cung cấp tám tổ hợp Google Fonts được chọn lọc và cho phép xem trước font tiêu đề và nội dung theo thời gian thực.
Phối hợp font tốt nâng cao khả năng đọc và củng cố thẩm mỹ thiết kế tổng thể của trang web hoặc ứng dụng.
Cách sử dụng
- Nhấp vào thẻ phối hợp để chọn tổ hợp font được cấu hình sẵn.
- Tùy chọn, nhập tên bất kỳ Google Font vào các trường.
- Chỉnh sửa văn bản mẫu để xem trước font với nội dung của bạn.
- Sao chép thẻ link Google Fonts ở dưới và thêm vào phần head HTML của dự án.
Trường hợp sử dụng
Nhà thiết kế web kiểm tra các tổ hợp font trước khi quyết định hệ thống chữ. Nhà phát triển nhanh chóng tìm cặp font phù hợp cho hệ thống thiết kế.
Câu hỏi thường gặp
- Tôi có thể dùng font tùy chỉnh không? — Có thể nhập tên bất kỳ Google Fonts vào các trường. Sử dụng tên chính xác.
- Cách dùng link Google Fonts được tạo? — Thêm thẻ link vào phần <head> HTML, sau đó dùng font-family: 'Tên font', dự phòng trong CSS.