정리 작업중

구글 웹 폰트 사용하기

Xie Yun 2023. 1. 13. 19:50
반응형

구글 폰트 주소 

https://fonts.google.com/

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

 

1. 위 사이트에서 마음에 드는 폰트 선택

 

 

2. select Regular 400 + 버튼을 클릭해서 추가한다.

 

 

3. 우측 상단에 View selected families 버튼 클릭

 

 

 

4. link 태그와 css를 복사해서 사용한다.

 

 

link 태그는 head 태그의 title 태그 아래에 넣어준다.

<head>
	<link href="https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap" rel="stylesheet">
</head>

 

CSS는 style 태그의 안에 넣어 준다.

<style>
        * {
            /*font-family: 'Gowun Dodum', sans-serif;*/
            font-family: 'Nanum Pen Script', cursive;
        }
</style>
반응형