구글 웹폰트 입히기

CSS에서 구글 웹폰트 입히는 방법은 간단하다.

 

1. 먼저 사용할 웹 폰트를 찾는다.

해당 주소로 들어가면 자기가 사용하고자 하는 폰트를 찾아 볼 수 있다.

 

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

Google Fonts

 

2. 사용할 구글 폰트를 클릭 후 Styles을 설정(Light, Medium, Bold 체 설정)

 

 

이후 Selected families 설정에서 Use on the Web, @import 항목으로 체크

 

3. <style> ~ </style> 태그 안에 @import 부분을 먼저 추가한다.

이때, import를 하여 font를 불러오는 역할을 실행

 

4. 이후 CSS rules to specify families 항목 복사 후, 전체적용 (*{}) css에 넣으면 완성!

        * {

            font-family: 'Hahmlet', serif;

        }

부분적용의 경우, 저번 시간에 배운 TCPschool쪽에서 학습할 수 있다.