Xem trước Font trực tiếp
Thử bất kỳ Google Font nào với văn bản, kích thước, trọng lượng, khoảng cách và màu sắc tùy chỉnh. Sao chép CSS ngay lập tức.
Công cụ xem trước font trực tiếp là gì?
Công cụ xem trước font trực tiếp cho phép bạn thử nghiệm typography theo thời gian thực mà không cần viết bất kỳ mã nào. Chọn bất kỳ font nào trong 2.000+ Google Fonts, điều chỉnh kích thước, trọng lượng, khoảng cách chữ và chiều cao dòng, và xem chính xác văn bản của bạn sẽ trông như thế nào trên website - trước khi áp dụng vào thiết kế hay stylesheet.
Công cụ này dành cho ai?
Nhà thiết kế dùng nó để nhanh chóng so sánh kiểu chữ cho tiêu đề và nội dung. Lập trình viên dùng nó để tinh chỉnh CSS trước khi thêm vào dự án. Bất kỳ ai xây dựng website hoặc thương hiệu đều có thể khám phá Google Fonts một cách trực quan, với toàn quyền kiểm soát cài đặt typography, và sao chép CSS sẵn sàng sử dụng với một cú nhấp.
Cách sử dụng Font Configurator
Nhấp vào nút Font Family để mở menu thả xuống và tìm kiếm trong 2.000+ Google Fonts. Nhập văn bản mẫu của bạn, sau đó sử dụng các thanh trượt để điều chỉnh kích thước (8px-200px), trọng lượng (100-900), khoảng cách chữ và chiều cao dòng. Sử dụng bộ chọn màu để thử trên bất kỳ nền nào. Bảng Generated CSS cập nhật ngay lập tức.
Google Fonts - miễn phí và nguồn mở
Tất cả 2.000+ font trong công cụ này đều từ Google Fonts, thư viện font miễn phí và nguồn mở được Google duy trì. Chúng có thể được sử dụng trên bất kỳ website nào qua một lệnh import CSS đơn giản - không có phí bản quyền, không cần ghi nhận tác giả cho hầu hết các font. Đoạn CSS được tạo ra bao gồm dòng import chính xác.