Next.js 13에서 웹 폰트 최적화
Dev Boku
Next.js 13에서 웹 폰트 최적화
오늘 소개해드릴 글은 우아한형제들의 복다훈님이 번역해주신 글 입니다. 웹사이트를 만들면서 한 번쯤은 웹 폰트에 대해 고민해보셨을 겁니다. 웹 폰트를 다운로드하는 속도가 느리면 텍스트가 깜빡이거나 폰트가 교체되는 과정을 눈으로 목격하실 수 있습니다. 또한 폰트가 교체되는 과정에서 폰트의 크기가 서로 다르다면 레이아웃 시프트 현상도 볼 수 있습니다.
이 글은 이런 문제를 해결하기 위해서 웹 폰트 사용 시 최적화하는 방법과 Next.js 13에서 이를 손쉽게 적용하는 방법에 대해 소개합니다.
더 많은 콘텐츠를 보고 싶다면?
이미 회원이신가요?
2022년 12월 26일 오후 11:32
댓글 0
함께 읽은 게시물
< 잡초를 없애려면 잡초 말고 오히려 잔디를 깎아야 한다 >
1. 자기 철학이 있는 사람들은 어떻게 그런 경지에 오르게 되는 것일까?
긴 커리어 여정에서 바람직한 조언만 듣게 되는 것은 아니다. 물론 좋은 의도의 조언이었을 수 있다. 하지만 한 사람에게 유효한 교훈이 다른 사람에게도 꼭 들어맞는 것은 아니다. 더 이상 유효하지 않은 고정관념도 있다.
... 더 보기
< 우리가 음악에 중독되는 이유 (feat. 도파민) >
1. 우리는 음악이 우리의 기대를 충족하고 우리의 기대를 위반 하는 방식에서 즐거움을 얻는다.
기술, 개발 학습 자료 7가지
최근 자주 사용하고 있는 기술, 개발 및 자기 계발 학습 자료를 모아서 공유합니다.
1️⃣ Educative.io
퀄리티가 상당히 높은 기술 관련 코스가 많은 것 같아요. 현재까지 코스 3개를 들었습니다. 책처럼 읽으면서 배우는 코스라 듣는 것보다 읽으면서 학습하는 걸 선호하는 분들에게 추천합니다. 주제를 깊이 파고들고 코드나 설계 예시가 많아서 잘 사용하는 것 같습니다. 최근에 Concurrency관련 코스를 듣고 있습니다.
https://www.educative.io/
2️⃣ Designing Data Intensi... 더 보기
올해로 개발자 생활이 햇수로 20년째다
2005년 7월에 일을 시작했으니, 올해로 개발자 생활이 햇수로 20년째다. 중간에 공백이 조금씩 있었으니 꽉 채운 스무 해는 아니지만, 숫자가 주는 무게는 여전하다. 20년이라는 시간이 흘렀다는 사실이 새삼 신기하게 느껴진다.
