๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

font ์ ์šฉ

 (1)
[ Next.js ] Next13์—์„œ ์ปค์Šคํ…€ Font ์„ธํŒ…ํ•˜๊ธฐ. (App Router ๊ธฐ์ค€) ํšŒ์‚ฌ์—์„œ ์ƒˆ๋กœ์šด ํ”„๋กœ์ ํŠธ๋ฅผ Next13์„ ๋„์ž…ํ•˜์—ฌ ๋งŒ๋“ค๊ธฐ๋กœ ๊ฒฐ์ •ํ•˜์—ฌ ๊ฐœ๋ฐœ ์ง„ํ–‰์ค‘์—, ์šฐ๋ฆฌ๋Š” Google Font๊ฐ€ ์•„๋‹Œ Local Font๋ฅผ ์‚ฌ์šฉํ•˜๊ฒŒ ๋˜์–ด, ์‚ฝ์งˆ์„ ์กฐ๊ธˆ ํ•˜๋‹ค๊ฐ€... ์„ธํŒ…ํ•œ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•˜๋ ค ํ•œ๋‹ค. ์šฐ์„ , Next ๊ณต์‹ ํ™ˆํŽ˜์ด์ง€์—์„œ App Router ์‚ฌ์šฉ ๋ฐฉ์‹์œผ๋กœ Font๋ฅผ ์„ค์ •ํ•˜๋Š” ๋ถ€๋ถ„์„ ๋ณด๋ฉด 1. Google Font๋ฅผ ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜, 2. Local Font๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ ํฌ๊ฒŒ ๋‚˜๋‰œ๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ์‚ฌ์šฉํ•˜๋ ค๋Š” Font๋Š” Pretendard ์˜€๋Š”๋ฐ, Google Font์— ์—†๋Š” ํฐํŠธ์—ฌ์„œ Local Font๋ฅผ ์ ์šฉํ•ด์•ผ ํ–ˆ๋‹ค...^_ใ…  ๋งŒ์•ฝ Google Font์—์„œ ์ง€์›ํ•˜๋Š” ํฐํŠธ์ผ ์ˆ˜ ์žˆ์œผ๋‹ˆ ํ•ด๋‹น ์‚ฌ์ดํŠธ์—์„œ ์„œ์น˜ํ•ด๋ณธ ํ›„ ์—†๋‹ค๋ฉด Local Font๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฑธ๋กœ.... (Google Font..

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”