728x90
반응형

https://fonts.google.com/?subset=korean 

 

Google Fonts

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

fonts.google.com

 

1. 위 링크에서 원하는 폰트를 누릅니다.

 

 

2. '+ Select this style' 버튼을 누릅니다.

 

 

3. 우측에 보면 Use on the web이라는 곳에 코드가 2개 있습니다. 우선 위에있는 link코드를 html 헤더 title 아래에 넣어줍시다.

link 코드
title 밑에 추가

 

 

4. 다음으로 link코드 아래에 있는 CSS 코드를 style에 넣어줍니다.

CSS 코드

* { }는 모든 태그에 저 효과를 넣어준다는 이야기 입니다.

 

 

5. 확인하면 폰트가 적용된 것을 확인할 수 있습니다.

매우 강해보이네요

728x90
반응형

'Frontend > HTML & CSS' 카테고리의 다른 글

HTML의 완성도를 높이는 부트스트랩 기초 사용법  (1) 2021.07.21
HTML에서 style요소를 CSS파일로 분리하기  (0) 2021.07.21
HTML 주석 달기  (0) 2021.07.21
CSS의 기초  (0) 2021.07.17
HTML의 기초  (0) 2021.07.16

+ Recent posts