
๊ฐ์ * ์์ธํ์ -์ฒซ ํ๋ฉด(๋์๋ณด๋) ์ง์ ์ ๋๋ฆผ ๐์์์ ์ด๋ ๋ค. '์ฐ๋ฆฌ ์ฌ์ดํธ๊ฐ ๋๋ฌด ๋๋ ค์.. ์ด๋ป๊ฒ ๊ฐ์ ์๋ ๊น์?' ๋ผ๋ ๋ง์ ๋ฃ๊ณ ์ฌ์ดํธ๋ฅผ ๋ค์ด๊ฐ๋ดค๋ค. ์ธ์์.. ์ฌ์ฉ์ ๊ฒฝํ์ด ๋ฏธ์ฒ ์์ด๊ธฐ๋ ์ ์ ๋์กฐ์ฐจ๋ ์ดํํ๊ณ ์ถ์ ์๋์๋ค. DevTools ๋ก ๋คํธ์ํฌ ์กฐํํด๋ณด๋ ์ฌ์ดํธ ์ง์ ์, Font์ ๋ํ CSS ํ์ผ์ ๋ถ๋ฌ์ค๋๋ฐ ๊ฝค๋ ํฐ ๋ชซ์ ํ๊ณ ์์๋ค. ์์ธ ์์ธ์ Font! ๊ตฌ๊ธ์์ fonts ๋ฅผ ๋ถ๋ฌ์ค๋ ๊ณณ์์ ํฐ Delay ๊ฐ ์์๋๋ฐ, ๋ถํ์ํ ๋ฆฌ์์ค ์์ฒญ๊ณผ ํจ๊ป ์์ฒญ ๋ง์ font ๋ฅผ ๋ถ๋ฌ์ค๊ณ ์์๋ค. ์๋ฒ์ ๊ฒฝ๋ํ๋ฅผ ์ํด์์ธ์ง(์ถ์ธก) Google fonts ๋ฅผ ์ง์ ํธ์ถํ๊ณ ์์๋๋ฐ ์ฌ์ง์ด ์ฌ์ฉํ์ง ์๋ font ๋ค๋ ์ ์ธํ์ฌ ํธ์ถ์ค์ด์๋ค.. (์ด๋ฐ.. cdn ์๋ฒ๊ฐ ๊ฐ๊น์ด์ง๋ ๋ชจ..