Fira Code

Monospace coding-mono bởi Nikita Prokopov #271 trên Google Fonts
Độ đậm

Giới thiệu Fira Code

Fira Code is a monospace typeface by Nikita Prokopov that extends Mozilla's Fira Mono with a carefully curated set of programming ligatures, turning multi-character sequences like arrows, comparisons, and operators into single fluid glyphs. The variable weight axis (wght) lets developers fine-tune stroke thickness without switching font files, and the face covers Cyrillic, Greek, and extended symbol ranges. It is the go-to choice for code editors and terminal emulators where ligature rendering is supported.

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(', ')}`);

Ligature lập trình

=> != !== === >= <= -> ->> |> <| :: && || ++ -- ** // /* */ ?? << >> ?. ...

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 (5)

300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold

Cách sử dụng

<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;500;600;700;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;500;600;700;400&display=swap');
font-family: 'Fira Code', monospace;
brew install --cask font-fira-code

Chi tiết

Danh mục
Monospace
Kiểu
coding-mono
Độ đậm
5
Nghiêng
Tiếng Hàn
Nhà thiết kế
Nikita Prokopov
Giấy phép
OFL
Phiên bản
Độ phổ biến
#271
Lượt tải
197

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ữ

cyrillic cyrillic-ext greek greek-ext latin latin-ext symbols2

Phù hợp nhất cho

code_editors technical_docs web_apps ui_elements presentations

Khái niệm typography

  • Ligature

    Two or more letters combined into a single glyph, like 'fi' or 'fl'. Common in serif fonts and coding fonts (e.g., Fira Code).

  • Monospace

    A typeface where every character occupies the same horizontal width. Essential for code editors and tabular data.

  • OpenType

    A font format developed by Microsoft and Adobe supporting advanced typographic features like ligatures, alternates, and variable axes.

Bài viết về Fira Code