Ghép font & thư mục Google Fonts
Duyệt thư mục được tuyển chọn các Google Fonts phổ biến với bản xem trước trực tiếp, lọc theo danh mục và tìm theo tên, rồi sao chép CSS sẵn dán và khám phá các cặp font được gợi ý — tất cả ngay trong trình duyệt của bạn.
Mọi thứ chạy ngay trong trình duyệt của bạn — font chỉ được tải từ Google Fonts để xem trước trực tiếp, không có gì được tải lên, không đăng ký, hoàn toàn miễn phí.
Một tiêu đề được trình bày bằng font display
Và đây là một đoạn nội dung được trình bày bằng font văn bản đã ghép cặp. Cặp font tốt cân bằng giữa cá tính và khả năng đọc: một font tiêu đề giàu đặc trưng thu hút ánh nhìn, trong khi một font văn bản sạch sẽ, dễ chịu giúp các đoạn văn dài dễ đọc. Nhấp "CSS" để sao chép cả các dòng @import lẫn các quy tắc font-family cho tiêu đề và nội dung của bạn.
Giới thiệu về Ghép font & thư mục Google Fonts
Thư mục font này thu thập 80 phông chữ Google Fonts phổ biến trong một trang có thể tìm kiếm, mỗi phông được hiển thị dưới dạng một mẫu trực tiếp với một dòng câu chứa đủ chữ cái (pangram), một dòng bảng chữ cái và số, và một huy hiệu danh mục. Nó bao quát năm họ kiểu chữ: sans-serif, serif, display, viết tay và monospace, để bạn có thể so sánh hình dạng chữ thực tế thay vì đoán từ tên gọi.
Mỗi thẻ phông chữ bao gồm các gợi ý ghép đôi được tuyển chọn kỹ: các phông đối tác phối hợp tốt với nhau cho tiêu đề và văn bản. Nhấp vào một chip ghép đôi mở ra một bản xem trước đặt một tiêu đề bằng một phông và một đoạn văn bằng phông kia, để bạn có thể đánh giá sự kết hợp trong ngữ cảnh trước khi quyết định.
Khi một phông hoặc cặp ghép đôi phù hợp, chỉ một cú nhấp sẽ sao chép mã CSS sẵn sàng dán, một dòng @import cho stylesheet Google Fonts cùng với chuỗi font-family phù hợp kèm phương án dự phòng hợp lý. Phông chữ chỉ được tải từ Google Fonts cho các bản xem trước trực tiếp; không có gì bạn gõ vào bị tải lên bất cứ đâu.
Cách sử dụng Ghép font & thư mục Google Fonts
- Duyệt qua các thẻ phông chữ, mỗi thẻ hiển thị tên, huy hiệu danh mục và văn bản mẫu trực tiếp được đặt bằng kiểu chữ thực.
- Dùng ô tìm kiếm để tìm một phông theo tên, hoặc nhấp vào một chip danh mục (Sans-serif, Serif, Display, Viết tay, Monospace) để lọc lưới.
- Kéo thanh trượt kích cỡ (16–72 px) để xem trước dòng mẫu ở kích cỡ tiêu đề hoặc nội dung mục tiêu của bạn.
- Nhấp vào một chip "Phối hợp với" hoặc nút "Xem trước ghép đôi" để thấy một tiêu đề và đoạn văn bản được đặt theo tổ hợp gợi ý.
- Nhấp nút "CSS" trên một thẻ hoặc trong bản xem trước ghép đôi để sao chép dòng @import và các khai báo font-family vào clipboard của bạn.