구글 웹 폰트 사용하기

정리 작업중

Xie Yun 2023. 1. 13. 19:50

구글 폰트 주소

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>

Xie Note