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

 

[ 목표 ]

Google Fonts를 이용해 CSS에 쉽게 웹폰트를 적용시켜보려합니다.

 

Google Fonts

[ 과정 ]

1. Google Fonts 페이지 접속

 

2. 원하는 폰트 검색 ( 저는 Montserrat 폰트를 검색해보겠습니다. )

 

2. 원하는 폰트 클릭하면, 해당 폰트 페이지로 넘어갑니다. 이후 스크롤을 내려 Style 항목에서 원하는 폰트 스타일 포함

 

3. 오른쪽에 새로운 탭이 생기는데, @import 클릭 후 url 복사

 

4. CSS 파일에 붙여넣고, 원하는 요소에 폰트 적용( 저는 HTML 문서 전체 요소에 적용시켰습니다. )

 

꾸준히 열심히!