Syne Mono

Monospace bởi Bonjour Monde, Lucas Descroix #706 trên Google Fonts
Độ đậm

Giới thiệu Syne Mono

Syne Mono by Bonjour Monde and Lucas Descroix is the monospaced member of the Syne experimental type family, sharing its siblings' interest in breaking conventional type conventions while remaining functional. Its single weight features subtle irregularities and geometric experimentation that distinguish it from utilitarian code fonts, giving it a designer-friendly aesthetic for creative coding projects, editorial layouts, and branding that leans into an art-school sensibility. It pairs naturally with the proportional Syne family members.

Bản đồ ký tự

AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?

Xem trước trình soạn thảo code

example.js
const fibonacci = (n) => {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
};

// Generate first 10 numbers
const results = Array.from(
  { length: 10 },
  (_, i) => fibonacci(i)
);

console.log(`Result: ${results.join(', ')}`);

Phân biệt ký tự

Bạn có thể phân biệt được chúng không? Font monospace tốt giúp phân biệt các ký tự tương tự dễ dàng.

Số 0 vs chữ O 0 O o
Số 1 vs l vs I 1 l I | !
Dấu ngoặc kép ' ' " " ` ´
Dấu ngoặc nhọn ( ) [ ] { } < >
Dấu câu . , : ; .. ...

Thác độ đậm (1)

400 Regular

Cách sử dụng

<link href="https://fonts.googleapis.com/css2?family=Syne+Mono:wght@400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Syne+Mono:wght@400&display=swap');
font-family: 'Syne Mono', monospace;
brew install --cask font-syne-mono

Chi tiết

Danh mục
Monospace
Độ đậm
1
Nghiêng
Tiếng Hàn
Nhà thiết kế
Bonjour Monde, Lucas Descroix
Giấy phép
OFL
Phiên bản
Độ phổ biến
#706
Lượt tải
179

Sử dụng giấy phép

Sử dụng webĐược phép
In ấnĐược phép
Video / Phát sóngĐược phép
Đóng góiĐược phép
Nhúng vào ứng dụngĐược phép
Thương hiệu / LogoĐược phép
Sửa đổiĐược phép

OFL — Miễn phí cho sử dụng cá nhân và thương mại

Hỗ trợ ngôn ngữ

latin latin-ext

Phù hợp nhất cho

code_editors technical_docs web_apps branding ui_elements