Source Code Pro

Monospace coding-mono 제작 Paul D. Hunt #59 Google Fonts에서
굵기

소개 Source Code Pro

Adobe의 Source 서체 시스템 중 하나인 Source Code Pro는 Paul D. Hunt가 Source Sans의 고정 피치 보완 서체로 설계했습니다. 휴머니스트 비율을 공유하면서도 코드 표시에 필요한 균등한 문자 너비를 채택했습니다. 여덟 가지 정류 지점에 걸친 가변 굵기 축은 모노스페이스 서체로서 주목할 만한 공학적 성취이며, 키릴, 그리스어, 베트남어를 포함한 광범위한 스크립트 지원으로 국제적으로 가장 범용적인 코딩 폰트 중 하나입니다. 가독성, 중립성, 그리고 타이포그래피 완성도의 조합 덕분에 코드 에디터와 터미널 에뮬레이터 모두에서 인기 있는 선택입니다.

문자 맵

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 | !
따옴표 ' ' " " ` ´
중괄호 ( ) [ ] { } < >
구두점 . , : ; .. ...

굵기 워터폴 (8)

200 ExtraLight
300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold
800 ExtraBold
900 Black

사용 방법

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

상세 정보

카테고리
Monospace
스타일
coding-mono
굵기
8
이탤릭
한국어
디자이너
Paul D. Hunt
라이선스
OFL
버전
인기도
#59
다운로드
374

라이선스 사용

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

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

언어 지원

cyrillic cyrillic-ext greek greek-ext latin latin-ext vietnamese

최적 용도

code_editors technical_docs web_apps ui_elements presentations

타이포그래피 개념

  • Monospace

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

관련 글 Source Code Pro