๐Ÿ‘จ‍๐Ÿ’ป kimtongting
article thumbnail
[CSS] ์›น ํฐํŠธ ๋กœ๋”ฉ์„ ๋” ๋น ๋ฅด๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ•

๊ฐœ์š” * ์›์ธํŒŒ์•…-์ฒซ ํ™”๋ฉด(๋Œ€์‹œ๋ณด๋“œ) ์ง„์ž… ์‹œ ๋Š๋ฆผ ๐Ÿ“์‹œ์ž‘์€ ์ด๋ ‡๋‹ค. '์šฐ๋ฆฌ ์‚ฌ์ดํŠธ๊ฐ€ ๋„ˆ๋ฌด ๋Š๋ ค์š”.. ์–ด๋–ป๊ฒŒ ๊ฐœ์„ ์•ˆ๋ ๊นŒ์š”?' ๋ผ๋Š” ๋ง์„ ๋“ฃ๊ณ  ์‚ฌ์ดํŠธ๋ฅผ ๋“ค์–ด๊ฐ€๋ดค๋‹ค. ์„ธ์ƒ์—.. ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์ด ๋ฏธ์ฒ˜ ์Œ“์ด๊ธฐ๋„ ์ „์— ๋‚˜์กฐ์ฐจ๋„ ์ดํƒˆํ•˜๊ณ  ์‹ถ์€ ์†๋„์˜€๋‹ค. DevTools ๋กœ ๋„คํŠธ์›Œํฌ ์กฐํšŒํ•ด๋ณด๋‹ˆ ์‚ฌ์ดํŠธ ์ง„์ž… ์‹œ, Font์— ๋Œ€ํ•œ CSS ํŒŒ์ผ์„ ๋ถˆ๋Ÿฌ์˜ค๋Š”๋ฐ ๊ฝค๋‚˜ ํฐ ๋ชซ์„ ํ•˜๊ณ  ์žˆ์—ˆ๋‹ค. ์›์ธ ์›์ธ์€ Font! ๊ตฌ๊ธ€์—์„œ fonts ๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๊ณณ์—์„œ ํฐ Delay ๊ฐ€ ์žˆ์—ˆ๋Š”๋ฐ, ๋ถˆํ•„์š”ํ•œ ๋ฆฌ์†Œ์Šค ์š”์ฒญ๊ณผ ํ•จ๊ป˜ ์—„์ฒญ ๋งŽ์€ font ๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๊ณ  ์žˆ์—ˆ๋‹ค. ์„œ๋ฒ„์˜ ๊ฒฝ๋Ÿ‰ํ™”๋ฅผ ์œ„ํ•ด์„œ์ธ์ง€(์ถ”์ธก) Google fonts ๋ฅผ ์ง์ ‘ ํ˜ธ์ถœํ•˜๊ณ  ์žˆ์—ˆ๋Š”๋ฐ ์‹ฌ์ง€์–ด ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” font ๋“ค๋„ ์„ ์–ธํ•˜์—ฌ ํ˜ธ์ถœ์ค‘์ด์—ˆ๋‹ค.. (์ด๋Ÿฐ.. cdn ์„œ๋ฒ„๊ฐ€ ๊ฐ€๊นŒ์šด์ง€๋„ ๋ชจ..