구글 폰트의 새로운 도전!! 똑똑해진 한글 폰트

몇년 전만해도 디자인을 하다보면 폰트를 찾기가 힘들고 마음에 드는 폰트는 라이센스가 있어서 사용에 제약이 있었는데요.

 

요즘은 한글로 된 무료폰트도 많아지고 배민, 티몬 등의 업체 및 지자체에서 자신들만의 폰트를 만들어서 무료로 배포하면서 하나의 트렌드로 자리잡아 가는거 같네요.

 

하지만 너무 많아져서 하나하나 찾기도 힘들고 어떤 폰트가 어울릴지 한눈에 보기 힘들기도 합니다.

 

그래서 한번에 확인도 쉽고 다른 폰트와 비교도 할 수 있는 사이트를 소개시켜 드리겠습니다.

 

구글 폰트 입니다.

https://googlefonts.github.io/korean/

 

 

화면에서 마우스를 클릭하면 위와 같이 다양한 효과를 볼 수 있는데요.

 

우측 상단의 소개가 더 멋진거 같습니다.

좋은 타이포그래피를 통해 웹은 더욱 아름답고, 빠르며, 누구나 참여할 수 있는 공간이 될 수 있습니다. Google Fonts는 이 사이트에 수록된 오픈 소스 한글 폰트를 머신 러닝에 기반을 둔 최적화 기술을 통해 시범적으로 제공합니다.

 

---

 

 

위의 사이트는 정식 사이트는 아니고 시범 서비스 중이며, 정식 사이트는 아래와 같습니다.

 

구글 폰트 (정식)

https://fonts.google.com/?subset=korean

 

 

 

 

구글 폰트를 활용하면 자신의 웹사이트를 더욱 아름답게 꾸밀 수 있는데요.

일반적으로 폰트가 설치 되어 있을 경우 그 폰트가 적용이 되지만 웹폰트를 활용하면 설치가 되어 있지 않아도 됩니다.

 

간단한 예로 '티스토리'에 적용하는 방법을 알려드리겠습니다.

 

적용할 폰트는 '나눔고딕'체 입니다.

 

 

티스토리 블로그에 구글폰트 적용하기

 

 

선택을 하면 위와 같이 'HTML 및 CSS' 코드를 확인 할 수 있는데요.

위의 코드를 블로그 '스킨편집'에서 삽입하시면 나눔고딕 폰트를 적용 할 수 있습니다.

 

1. 티스토리 블로그 관리홈에서 좌측 메뉴에서 꾸미기 밑에 스킨편집 클릭

 

2. html 편집 클릭

 

3. 아래와 같이 HTML 및 CSS 에 코드를 복사하여 붙여넣어 줍니다.

적용하신 스킨에 따라서 코드 위치는 달라질 수 있으며, css의 경우 'font-family' 부분을 찾아서 변경해 주어야 합니다.

 

 

마지막으로 웹폰트를 적용하실 때 주의 점은 너무 많은 웹폰트를 사용하면 사이트가 느려질 수 있습니다.

그 이유는 설치되지 않은 컴퓨터에서 사이트를 볼 때 다운을 받아서 보여주므로 로딩 시간이 길어질 수 있으므로 한두개 정도만 적용하셔야 합니다.