미리보기
다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 100 다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 200 다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 300 다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 400 다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 500 다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 600 다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 700 다람쥐 헌 쳇바퀴에 타고파 Ag 123
적용하는 법
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">
<style>
body { font-family: "IBM Plex Sans KR", sans-serif; }
</style>- 위 link 태그를
<head>안에 넣는다. - CSS에서
font-family: "IBM Plex Sans KR", sans-serif;로 지정한다. - 폰트를 받는 동안 쓸 대체 폰트를 뒤에 남겨 둔다. 지우면 로딩 중 글자가 안 보인다.
이럴 때 쓴다
영문 제품명, 지표, 코드 조각이 한글과 계속 섞이는 화면. 개발자 도구나 데이터 대시보드.
이럴 땐 다른 걸 쓴다
감성적인 브랜드 페이지. 인상이 기술 문서 쪽으로 기운다.
같이 쓰면 좋은 폰트: 나눔고딕코딩
정보
| 영문 이름 | IBM Plex Sans KR |
|---|---|
| CSS font-family | IBM Plex Sans KR |
| 굵기 | 100, 200, 300, 400, 500, 600, 700 (7종) |
| 가변 폰트 | 아니오 — 굵기마다 파일 하나 |
| 라이선스 | OFL 1.1 |
| 배포 | Google Fonts |
| 공식 페이지 | https://fonts.google.com/specimen/IBM+Plex+Sans+KR |
자주 묻는 질문
IBM 플렉스 산스 KR(IBM Plex Sans KR)을 상업적으로 써도 되나요?
OFL 1.1이라 상업적 사용과 수정, 재배포가 허용됩니다. 폰트 파일 자체를 파는 것만 금지됩니다. 계약이 걸린 작업이라면 공식 페이지에서 원문을 확인하세요.
IBM 플렉스 산스 KR은 굵기가 몇 종인가요?
7종입니다(100, 200, 300, 400, 500, 600, 700). 가변 폰트가 아니라 굵기 하나마다 파일이 하나씩 늘어납니다. 실제로 쓸 굵기만 고르세요.
IBM 플렉스 산스 KR은 어디에 쓰면 안 되나요?
감성적인 브랜드 페이지. 인상이 기술 문서 쪽으로 기운다.