개발/CSS

Google Fonts - 구글 무료 폰트 사이트

알 수 없는 사용자 2021. 1. 3.

Google Fonts에서는 약 1,000가지의 무료 폰트를 제공한다.

한글 폰트가 글 쓴 시간 기준 26개밖에 없는 점이 아쉽지만, 영어 폰트가 대부분이므로 웹페이지 제작 및 이미지 작업 시 유용하게 사용할 수 있다.

사이트에 접속하면, 폰트들이 나온다. 글자를 입력하면 입력한 글자대로 미리보기가 된다.

원하는 폰트를 하나 골라보자.

선택 후 + Select this style 버튼을 눌러 준다.

친절한 사용 안내법이 나온다.

link의 주소를 <head></head> 사이에 넣은 후, css 안에 font-family 부분을 추가해 주면 사용 준비 끝.

import 방식으로 css 안에 넣을 수도 있다.

Google Fonts를 적용한 예제이다. 예쁜 폰트 찾아서 유용하게 사용하시길 :)

See the Pen Google Fonts by jess (@jess44) on CodePen.

댓글