Google ๊ธ๊ผด์ด ๋ก๋๋ ๋๋ ์๊ณ ๋ก๋๋์ง ์์ ๋๋ ์์ต๋๋ค. HTML, CSS ๋ฐ JS์์ ๊ธ๊ผด์ ๋ก๋ํ๋ ค๊ณ ํ์ต๋๋ค. ์ค์ ๋ก ์๋ํ๋ ์ ์ผํ ๊ฒ์ CSS์์ง๋ง ๋ด๊ฐ ๋งํ๋ฏ์ด ์๋ก ๊ณ ์นจ์ ํ ๋ ํ์๋ ๋๋ ์๊ณ ํ์๋์ง ์์ ๋๋ ์์ต๋๋ค.
์ด๊ฒ์ ๋ก๋ฉ ๊ฒฝ์ ์กฐ๊ฑด์ฒ๋ผ ๋ค๋ฆฝ๋๋ค. ๊ธ๊ผด์ด ์์ง ๋ก๋๋์ง ์์์ ๋ PIXI์์ ํ ์คํธ๋ฅผ ๋ ๋๋งํ๋ ค๊ณ ํ๋ ๊ฒ ๊ฐ์ต๋๋ค.
ํ ๊ฐ์ง ์ ์์ document.font.load
API๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์
๋๋ค. ํ์ฌ ๋ธ๋ผ์ฐ์ ์ง์์ด ์ ํ๋์ด ์์ง๋ง ๊ธ๊ผด์ ๋ฏธ๋ฆฌ ๋ก๋ํ๋ ๋ฐ ์ ์ฉํฉ๋๋ค. https://developer.mozilla.org/en-US/docs/Web/API/FontFaceSet/load
๋์์ด ๋๊ธฐ๋ฅผ ๋ฐ๋๋๋ค.
๋๋ ๊ธ๊ผด ๋ก๋ฉ์ ์ข์ https://github.com/bramstein/fontfaceobserver๋ฅผ ์ฌ์ฉํ๊ณ ์ฐพ์ต๋๋ค.
์ด ์ค๋ ๋๋ ๋ซํ ํ ์ต๊ทผ ํ๋์ด ์์๊ธฐ ๋๋ฌธ์ ์๋์ผ๋ก ์ ๊ฒผ์ต๋๋ค. ๊ด๋ จ ๋ฒ๊ทธ์ ๋ํ ์ ๋ฌธ์ ๋ฅผ ์ฌ์ญ์์ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋๋ ๊ธ๊ผด ๋ก๋ฉ์ ์ข์ https://github.com/bramstein/fontfaceobserver๋ฅผ ์ฌ์ฉํ๊ณ ์ฐพ์ต๋๋ค.