Menu
CoddyTech

Kiểu chữ

Kiểu chữ Coddy

Hai kiểu chữ tròn. Coddy Round cho tiêu đề, sinh ra từ wordmark của chúng tôi. Varela Round cho mọi thứ bạn đọc. Code dùng phông monospace.

Tiêu đề

Coddy Round

Dựa trên Audiowide, với mọi góc nhọn bên ngoài được bo tròn. Đó chính là quy tắc dùng để vẽ wordmark, nên tiêu đề và logo nói cùng một bộ chữ. Năm độ đậm thật, hỗ trợ chữ Latin và Kirin, mã nguồn mở theo giấy phép SIL Open Font License.

AaRegular 400
AaMedium 500
AaSemiBold 600
AaBold 700
AaExtraBold 800

Thử ngay

Gõ thử gì đó

Chữ Do Thái và Ả Rập dùng các kiểu chữ đồng hành tương xứng, được chỉnh về cùng độ đậm.

Văn bản

Varela Round

Dùng cho nội dung, nút bấm và mọi nhãn giao diện. Thân thiện, thoáng và dễ đọc ở cỡ chữ nhỏ. Một phông Google Font miễn phí.

Coddy dạy bạn code qua những bài học ngắn, thực hành ngay, một gia sư AI đưa gợi ý thay vì đáp án, và một chuỗi streak khiến bạn muốn quay lại mỗi ngày.

Code

Monospace

Chỉ dành cho code. Không bao giờ dùng trong tiêu đề hay nút bấm.

print("hello, codder")

Kết hợp

Cách chúng phối hợp

  1. 1Tiêu đề ngắn gọn, thân thiện bằng Coddy Round.
  2. 2Mọi thứ còn lại bằng Varela Round.
  3. 3Nút lớn, tab và thẻ viết hoa toàn bộ. Đáp án và giá giữ nguyên kiểu chữ gốc.
  4. 4Mỗi bố cục chỉ một kiểu chữ tiêu đề. Không bao giờ trộn thêm kiểu thứ ba.

Không phải của chúng tôi

Những phông chữ không phải Coddy

Các phông này hay xuất hiện trong những thiết kế làm mà không xem trang này. Vui lòng thay chúng đi.

  • Poppins
  • Orbitron
  • Phông esports nghiêng, dáng hẹp
  • Tiêu đề bằng Nunito hoặc Rubik

Câu hỏi thường gặp

Câu hỏi về phông chữ

Coddy dùng phông chữ gì?

Coddy Round cho tiêu đề và logo, Varela Round cho nội dung.

Mình có thể tải Coddy Round không?

Được. Phông chữ miễn phí và mã nguồn mở theo giấy phép SIL Open Font License. Tải tệp ZIP tại đây hoặc lấy mã nguồn trên GitHub.

Coddy Round có giống Audiowide không?

Coddy Round bắt đầu từ Audiowide và bo tròn mọi góc nhọn bên ngoài. Phông được đổi tên vì Audiowide là tên được bảo lưu theo giấy phép của nó.

Bạn đang viết về Coddy?

Thông tin, nhà sáng lập và liên hệ báo chí có trên trang báo chí. Xem bộ tài liệu báo chí

Hình minh họa các ngôn ngữ lập trình của Coddy

Học lập trình cùng Coddy

Bắt đầu