[폰트] "배민폰트" CSS에서 사용하기

안녕하세요

오늘은 무료로 사용할 수 있는

우아한 형제들 배민 폰트를 CSS에서 사용하는 방법을 알려드리려고 합니다.

 

지난번 포스팅처럼

PPT, 포토샵 등에서 사용할 때는

로컬에 내려받아서 사용하면 되는데요,

웹사이트 CSS에 적용하고 싶다면

어떻게 할까요?

 

구글 폰트를 이용하면 쉽게 해결됩니다!

(아, 물론 내장폰트로 사용하면 되긴 합니다만..

오늘 말씀드리는 건 웹폰트에요^^)

 

 

1. 구글 폰트에 들어갑니다. 

https://fonts.google.com/

Google Fonts

 

2. Search - Languages - Korean 을 선택합니다.

예쁜 한글 글꼴들이 많이 보이죠?

테스트로 텍스트를 작성할 수 있어요.

저는 우아한 형제들 주아체를 써봤어요^^

 

이제, 마음에 드는 폰트를 선택하면 되는데요,

사용할 폰트 이름 옆에 있는 플러스(+) 버튼을 클릭해주면, 

선택이 됩니다. 

 

 

3. 선택한 글꼴을 클릭하면, 웹폰트 링크주소를 확인할 수 있습니다. 

하단에 1 Family Selected 를 클릭하세요.

친절하게 웹폰트 링크와 CSS에서 사용할때 font-family 속성까지 알려줍니다^^

 

 

이렇게 하면,

웹사이트에서도 예쁜 "배민폰트"를 사용할 수 있게 되는것이죠!

참 쉽죠? 

다음번엔 티스토리 블로그에 폰트 적용하는 법도 공유하도록 하겠습니다^^

로컬에서 배민폰트 사용하는 방법을 알고 싶다면, 아래를 클릭클릭!

[폰트] 상업용 무료, "배민폰트" 사용하기