Source Code Pro
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)
Use the native HTML custom element.
소개 Source Code Pro
Adobe의 Source 서체 시스템 중 하나인 Source Code Pro는 Paul D. Hunt가 Source Sans의 고정 피치 보완 서체로 설계했습니다. 휴머니스트 비율을 공유하면서도 코드 표시에 필요한 균등한 문자 너비를 채택했습니다. 여덟 가지 정류 지점에 걸친 가변 굵기 축은 모노스페이스 서체로서 주목할 만한 공학적 성취이며, 키릴, 그리스어, 베트남어를 포함한 광범위한 스크립트 지원으로 국제적으로 가장 범용적인 코딩 폰트 중 하나입니다. 가독성, 중립성, 그리고 타이포그래피 완성도의 조합 덕분에 코드 에디터와 터미널 에뮬레이터 모두에서 인기 있는 선택입니다.
문자 맵
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
코드 편집기 미리보기
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(', ')}`);
문자 구별
이 문자들을 구별할 수 있나요? 좋은 모노스페이스 폰트는 유사한 문자를 쉽게 구별하게 합니다.
굵기 워터폴 (8)
사용 방법
<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 — 개인 및 상업적 사용 무료
언어 지원
최적 용도
비교
타이포그래피 개념
-
Monospace
A typeface where every character occupies the same horizontal width. Essential for code editors and tabular data.