[CSS] 구글 폰트 적용하는 법

 

스파르타코딩클럽에서 강의를 듣다가
구글폰트 적용하는 방법을 까먹을 것 같아서 기록으로 남겨보려고 한다.

 

시스템 환경
Tool : VS Code

 

 

1. 폰트 찾기

• 아래의 링크로 접속하여 원하는 글씨체를 찾아 클릭한다.

https://fonts.google.com/

 

 

 

2. Get font 클릭

 

 

3. Get embed code 클릭

 

 

4. html 파일에 적용

 

 

5. 적용 후 화면

 

 

6. 결과 화면

• 적용 전

 

• 적용 후