[FE] 구글 폰트 적용하기

반응형

구글 폰트를 내가 만든 웹 사이트에 적용하기 위해서는 Google Fonts 사이트를 접속해주어야한다.

 

Google Fonts 사이트 : https://fonts.google.com/specimen/Nanum+Myeongjo?subset=korean¬o.script=Kore

 

Nanum Myeongjo - Google Fonts

Nanum Myeongjo is a contemporary serif typeface with a warm touch, and it is expertly hinted for screen use. It is part of the Nanum fonts (나눔글꼴) – a set of hig

fonts.google.com

 

많은 폰트 중 사용하고자 하는 폰트를 클릭해서 @import 버튼을 클릭하고 코드를 head태그 안의 style 태그안에 넣어주면 웹 페이지에 바로 적용된다.

<style>
  @import url('https://fonts.googleapis.com/css2?family=Gowun+Batang&family=Gowun+Dodum&family=Nanum+Myeongjo&display=swap');
  * {
      font-family: 'Gowun Dodum', sans-serif;
    }
</style>
반응형