Kết hợp Phông chữ
Công cụ ghép font này xem trước 12 cặp Google Fonts chọn lọc cho tiêu đề và nội dung, cho phép bạn tự phối font và sao chép đoạn CSS @import tương ứng.
Về công cụ này
Công cụ ghép font này xem trước 12 cặp Google Fonts chọn lọc cho tiêu đề và nội dung, cho phép bạn tự phối font và sao chép đoạn CSS @import tương ứng.
Cách sử dụng
- Chọn một trong các cặp font có sẵn, hoặc tự chọn font tiêu đề và font nội dung.
- Dùng Random Pairing để khám phá các cách kết hợp.
- Xem bản xem trước trực tiếp của tiêu đề và đoạn văn.
- Nhấn Copy CSS @import để tải font lên trang web của bạn.
Điều nên biết
- Cách ghép kinh điển là kết hợp tương phản giữa font serif và sans-serif, như Playfair Display với Source Sans 3.
- Các cặp font gồm Montserrat + Merriweather, Raleway + Lato, Space Grotesk + Inter và DM Serif Display + DM Sans.
- Giới hạn trang web ở hai họ font giúp các trang nhất quán và giảm dung lượng tải về.
- Bản xem trước tải font đã chọn từ Google Fonts với độ đậm 400 và 700.
- Thêm display=swap vào URL font sẽ hiển thị chữ dự phòng trong lúc web font đang tải.
Chạy hoàn toàn trong trình duyệt của bạn — không có dữ liệu nào bạn nhập được tải lên hay lưu lại.
Câu hỏi thường gặp
Những font nào hợp với nhau?
Các font có phong cách tương phản nhưng tỷ lệ tương tự thường ghép đẹp, như tiêu đề serif có độ tương phản cao với nội dung sans-serif gọn gàng. Các cặp chọn lọc ở đây là những kết hợp đã được kiểm chứng.
Một trang web nên dùng bao nhiêu font?
Hai họ font — một cho tiêu đề và một cho nội dung — là đủ cho hầu hết trang web. Hiếm khi cần đến font thứ ba.
Google Fonts có miễn phí cho mục đích thương mại không?
Có. Các font trong thư viện Google Fonts được phát hành theo giấy phép mở như SIL Open Font License và có thể dùng cho mục đích thương mại.
Làm sao thêm font vào trang web của tôi?
Dán đoạn @import đã sao chép lên đầu tệp CSS, hoặc chuyển nó thành thẻ link trong phần head của HTML, rồi đặt font-family cho tiêu đề và body.