[React]React 프로젝트 폰트 변경하기(눈누)

프로젝트를 진행하는데 폰트를 바꾸면 더 예쁘겠다!라는 생각이 들어서 팀원들과 상의 후에 폰트를 바꾸기로 결정했다.

적용할 폰트는 이사만루 !!
https://noonnu.cc/font_page/463

눈누

깔끔하고 글씨 변형이 없는 폰트를 원해서 이걸로 채택했다.

적용 방법

위의 링크를 타고 들어가서 폰트를 다운 받아준다.

src/font 폴더를 하나 만들어서 그 안에 저장해준다.

폰트 두께에 따라 light, medium, bold가 존재하는데 나는 하나만 저장해서 사용했다.

코드 수정

그리고 전체 적용을 해주기 위해서

index.css에서 적용해주었다.

@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
  font-family: "esamanru";
  src: url("./font/esamanru_Light.ttf");
}

다음과 같이 선언해준다.

#root {
    font-family: "esamanru";
}

전체 적용을 위해서 root에 적어주었더니 잘 적용이 됐다.

적용 인증샷✌🏻

짜잔 적용 완료!!