nextjs2 @next/font 를 사용해서 구글 폰트 적용하기 Next.js 13 버전부터 @next/font 가 추가되었다. CSS 의 @font-face 설정방법 외에도 @next/font를 사용하면 컴포넌트 내에서 fontFamily를 javascript로 적용할 수 있다. Next 공식 문서에서는 친절히도 아래와 같이 유튜브 영상을 소개하고 있다. https://www.youtube.com/watch?v=L8_98i_bMMA 사용방법 npm install로 @next/font를 설치한다. create next-app을 한 경우에는 샘플에 이미 포함되어 있어 별도 설치가 필요 없다. npm install @next/font 적용하고자 하는 page에 아래와 같이 적용할 수 있다. 아래는 공식문서에 있는 Inter 폰트 적용 예시이다. 간단히 className을.. 2023. 1. 11. front-matter MD(MarkDown) 파일의 메타데이터를 정의하는 부분으로 볼 수 있다. 마크다운 파일의 가장 상단에 위치 하고 아래와 같은 양식을 가진다. --- title: Blogging with VuePress lang: en-US --- 시작과 끝을 ---로 구분해주어야 하며, 키:밸류 의 쌍으로 표현이 된다. next.js는 기본적으로 front-matter를 지원하지 않기 때문에 gray-matter 와 같은 라이브러리를 사용해야한다. 2022. 11. 1. 이전 1 다음