Google fonts 사용해보기

https://fonts.google.com/

Browse Fonts - Google Fonts

 

목차

1. Google Fonts란?

2. 사용해보기

---

1. Google Fonts란?

Google이 제공하는 웹 폰트 라이브러리 및 API 서비스로, 다양한 무료 글꼴을 웹사이트나 앱에서 쉽게 사용할 수 있게 해주는 플랫폼이다.

 

웹페이지 들어가보면 저렇게 폰트들을 확인할 수 있다.

필터를 적용해서 찾을 수도 있고, 왼쪽 사이드바 보면 폰트 뿐만 아니라 아이콘 다운도 가능한 걸 확인할 수 있다.

 

 

 

---

2. 사용해보기

1. 마음에 드는 폰트 선택 후, [Get Font] 클릭

 

 

2. [Get embeded code] 클릭

 

 

3. 사용법 따라서 프로젝트 파일에 적용

 

간단하게 html 파일에 적용해보면, 

header에 위 코드 복붙해 넣고,

body의 폰트 적용을 원하는 곳에 스타일로 font-family를 넣어주면 된다.

 

 

 

 

실행 화면

한글 지원이 안되는 폰트여서 영어 텍스트에만 적용이 됐지만 귀엽다.