Fira Code

Monospace coding-mono 제작 Nikita Prokopov #271 Google Fonts에서
굵기

소개 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.

문자 맵

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

코드 편집기 미리보기

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

코딩 리거처

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

문자 구별

이 문자들을 구별할 수 있나요? 좋은 모노스페이스 폰트는 유사한 문자를 쉽게 구별하게 합니다.

제로 vs O 0 O o
1 vs l vs I 1 l I | !
따옴표 ' ' " " ` ´
중괄호 ( ) [ ] { } < >
구두점 . , : ; .. ...

굵기 워터폴 (5)

300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold

사용 방법

<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

상세 정보

카테고리
Monospace
스타일
coding-mono
굵기
5
이탤릭
한국어
디자이너
Nikita Prokopov
라이선스
OFL
버전
인기도
#271
다운로드
194

라이선스 사용

웹 사용허용됨
인쇄허용됨
영상 / 방송허용됨
패키징허용됨
앱 임베딩허용됨
브랜드 / 로고허용됨
수정허용됨

OFL — 개인 및 상업적 사용 무료

언어 지원

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

최적 용도

code_editors technical_docs web_apps ui_elements presentations

타이포그래피 개념

  • 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.

관련 글 Fira Code