Readymade · 폰트 시리즈

IBM Plex

IBM 의 기업 서체. 한글 고딕과 라틴 고정폭이 같은 결이라 숫자·라벨에 함께 쓴다.

폰트 2종
고딕 · 모노
제작 IBM (Mike Abbink, Bold Monday)
SIL OFL 1.1

한눈에 보기 · 2종

굵기400

IBM 플렉스 산스 KR

IBM Plex Sans KR · IBM Plex 의 한글판. 단정하고 기술적인 인상

크기72px

다람쥐 헌 쳇바퀴에 타고파

바로 넣기

공식 페이지에서 받기

HTML 의 <head> 에 넣거나 CSS 맨 위에서 불러온 뒤, 쓰고 싶은 곳에 font-family 를 적습니다.

HTML <link>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@100;200;300;400;500;600;700&display=swap">

CSS @import

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@100;200;300;400;500;600;700&display=swap');

CSS font-family

font-family: "IBM Plex Sans KR", sans-serif;

코딩 에이전트에 붙여 넣기

Claude Code·Codex 에 그대로 붙이면 지금 프로젝트(Next.js·Vite 등)를 보고 이 폰트를 알맞은 방법으로 넣습니다. 한글 서브셋·display swap·라이선스 파일 위치까지 담았습니다.

지시문 보기

이 프로젝트에 "IBM 플렉스 산스 KR"(IBM Plex Sans KR) 폰트를 넣어 줘.

## 폰트 정보
- 분류: 고딕 · 굵기 100/200/300/400/500/600/700 · 한글 11,172자
- 라이선스: OFL-1.1 — 상업 사용 가능 · 웹·앱 임베드 가능 · 수정·재배포 가능(수정본은 이름을 바꾸고 라이선스 동봉) · 폰트 파일 단독 판매만 금지
- 라이선스 원문: https://github.com/google/fonts/blob/main/ofl/ibmplexsanskr/OFL.txt
- 공식 배포처: https://fonts.google.com/specimen/IBM+Plex+Sans+KR

## 넣는 방법 (위에서부터 되는 것 하나)
1. Next.js(App Router)면 `next/font/google` 의 `IBM_Plex_Sans_KR` 를 쓴다. weight: ["100", "200", "300", "400", "500", "600", "700"] 중 쓰는 것만, subsets: ["latin"], display: "swap", variable: "--font-ibm-plex-sans-kr". 한글은 Google 이 unicode-range 조각으로 나눠 주므로 따로 서브셋하지 말고 preload: false 로 둔다(한글 subset 은 preload 대상이 아니다). 루트 layout 의 <html> className 에 변수를 붙인다.
2. Vite·CRA·Astro 등은 `npm i @fontsource/ibm-plex-sans-kr` 후 엔트리(main.tsx 등)에서 `import "@fontsource/ibm-plex-sans-kr";`. 패키지 CSS 가 한글을 unicode-range 조각으로 나눠 두어 쓰는 글자만 받는다.
3. 빌드 도구가 없는 HTML 이면 <head> 에:
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@100;200;300;400;500;600;700&display=swap">

## 지켜 줄 것
- font-family 는 CSS 변수(--font-ibm-plex-sans-kr)로 한 곳에서만 정의하고, 대체 글꼴을 붙인다: `"IBM Plex Sans KR", sans-serif`.
- 어디에 쓸지 내가 말하지 않았으면 본문 전체(body)에 적용한다.
- 폰트 파일을 프로젝트에 넣었다면 라이선스 원문(OFL.txt)을 폰트 파일과 같은 폴더에 같이 둔다. CDN·npm 이면 따로 둘 필요 없다.
- 끝나면 바뀐 파일 목록과, 실제로 그 폰트로 그려지는지 확인한 방법(개발 서버 화면·computed font-family 등)을 알려 줘.

출처: Duchamp 폰트 둘러보기 https://duchamp.app/fonts/ibm-plex?f=ibm-plex-sans-kr

디자인 툴 · Figma 는 Google Fonts 수록 폰트를 설치 없이 쓸 수 있습니다(글꼴 검색에 영문 이름). 다른 앱은 공식 페이지에서 파일을 받아 더블클릭 → 설치 후 앱을 다시 엽니다.

굵기 7단계

100
다람쥐 헌 쳇바퀴에 타고파
200
다람쥐 헌 쳇바퀴에 타고파
300
다람쥐 헌 쳇바퀴에 타고파
400
다람쥐 헌 쳇바퀴에 타고파
500
다람쥐 헌 쳇바퀴에 타고파
600
다람쥐 헌 쳇바퀴에 타고파
700
다람쥐 헌 쳇바퀴에 타고파

글자 견본

가나다라마바사아자차카타파하

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 !?&%₩@#()

라이선스

상업 사용 가능
웹·앱 임베드 가능
수정·재배포 가능(수정본은 이름을 바꾸고 라이선스 동봉)
폰트 파일 단독 판매만 금지

라이선스 원문 ↗공식 배포처 ↗소스 저장소 ↗

제작 Mike Abbink, Bold Monday