목록next 폰트 최적화 (1)

sohyeon kim

[React/Next] 폰트 최적화 : getaddrinfo enotfound fonts.gstatic.com, 웹폰트 깨짐 🥵

💡 폰트 최적화를 해보자!  Next.js 에서 제공되는 구글 폰트를 쓰고 있었는데.. 가끔 dev 나 build 시에 터미널에 위와 같은 문구가 뜨고 로딩이 백 년이 걸릴 때가 있었다. 찾아보니.. next 버전을 바꾸꺼나.. 직접 다운로드한 폰트를 넣거나.. 많은 방법이 있었는데다운로드한 폰트로 css 에 적용을 해보려 한다!  👀 FOIT? FOUT?Flash Of Invisible Text폰트 다운로드 전까지 아무 글자도 안보임다운 완료 되면 폰트 적용된 글자 보여줌Flash Of Unstyled Text폰트 다운로드 전까지 기본 폰트 글자 보여줌다운 완료 되면 폰트 적용된 글자 보여줌 👀  font - display 속성    swap웹폰트 중요 ❌, 빠른 글자 노출 중요 ⭕️기본 폰트 보..
Next 2024. 4. 25. 16:36
이전 Prev 1 Next 다음