고운돋움 웹폰트 적용법

Gowun Dodum · 굵기 1종 · OFL 1.1 · Google Fonts 배포

획이 부드러워서 소개 페이지나 브랜드 사이트에 잘 붙는다. 굵기가 하나뿐이다.

미리보기

다람쥐 헌 쳇바퀴에 타고파 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=Gowun+Dodum:wght@400&display=swap">

<style>
  body { font-family: "Gowun Dodum", sans-serif; }
</style>
  1. 위 link 태그를 <head> 안에 넣는다.
  2. CSS에서 font-family: "Gowun Dodum", sans-serif;로 지정한다.
  3. 폰트를 받는 동안 쓸 대체 폰트를 뒤에 남겨 둔다. 지우면 로딩 중 글자가 안 보인다.

이럴 때 쓴다

공방, 카페, 요가원처럼 부드러운 인상이 필요한 소개 사이트.

이럴 땐 다른 걸 쓴다

굵기 대비로 정보 위계를 잡아야 하는 화면. 400 하나뿐이라 제목과 본문 구분을 크기로만 해야 한다.

같이 쓰면 좋은 폰트: 고운바탕

같은 고딕 계열: 프리텐다드 · 수트 · 본고딕 · 나눔고딕 · IBM 플렉스 산스 KR

정보

영문 이름Gowun Dodum
CSS font-familyGowun Dodum
굵기400 (1종)
가변 폰트아니오 — 굵기마다 파일 하나
라이선스OFL 1.1
배포Google Fonts
공식 페이지https://fonts.google.com/specimen/Gowun+Dodum

자주 묻는 질문

고운돋움(Gowun Dodum)을 상업적으로 써도 되나요?

OFL 1.1이라 상업적 사용과 수정, 재배포가 허용됩니다. 폰트 파일 자체를 파는 것만 금지됩니다. 계약이 걸린 작업이라면 공식 페이지에서 원문을 확인하세요.

고운돋움은 굵기가 몇 종인가요?

1종입니다(400). 가변 폰트가 아니라 굵기 하나마다 파일이 하나씩 늘어납니다. 실제로 쓸 굵기만 고르세요.

고운돋움은 어디에 쓰면 안 되나요?

굵기 대비로 정보 위계를 잡아야 하는 화면. 400 하나뿐이라 제목과 본문 구분을 크기로만 해야 한다.

← 폰트 26종 전체 보기