목록2024/06/20 (1)
행복을 담는 블로그
[Next.js] Font 적용하기 / localFont( ) 적용하기
Next.js에서 폰트 적용하는 방법우선 Next.js에서 font를 적용하는 방법으로는 google font를 적용하는 방법과 font 파일을 다운받아서 직접 localFont로 적용하는 방법이 있다.그 중에서 이번엔 localFont를 직접 적용하는 방법을 시도해보았다. 1. 폰트 다운로드하기우선 public 폴더 > fonts 폴더 안에 다운로드 받은 폰트 파일을 저장하였다. 2. Next.js에 localFont() 적용하기이후 fonts.ts 파일을 만들고 next/font/local로 부터 localFont를 import 해와서 내가 저장한 폰트를 종류별로 저장한다.import localFont from "next/font/local";export const hakgyoansim = local..
FrontEnd/Next.js
2024. 6. 20. 01:13