๐ ์ด๋ฐ ์๋น์ค๋ ์ด๋์? [๐ก๋์์ธ ์์ ํจ์จ์ ๋์ฌ์ฃผ๋ ํฌ๋กฌ ํ์ฅํ๋ก๊ทธ๋จ 5] (๐์ด๊ฒ ๋ญ๊ฐ์?) ๐ ์นํ์ด์ง์ ์ ์ฉ๋ ํฐํธ ์ ๋ณด๋ฅผ ํ์ธํ ์ ์๋ : WhatFont โ ๊ตฌ๊ธ ํฐํธ A
๐ ์ด๋ฐ ์๋น์ค๋ ์ด๋์? [๐ก๋์์ธ ์์ ํจ์จ์ ๋์ฌ์ฃผ๋ ํฌ๋กฌ ํ์ฅํ๋ก๊ทธ๋จ 5] (๐์ด๊ฒ ๋ญ๊ฐ์?) ๐ ์นํ์ด์ง์ ์ ์ฉ๋ ํฐํธ ์ ๋ณด๋ฅผ ํ์ธํ ์ ์๋ : WhatFont โ ๊ตฌ๊ธ ํฐํธ API๋ฅผ ๋ฐํ์ผ๋ก, ์นํ์ด์ง์ ์ ์ฉ๋ ํฐํธ ์ ๋ณด๋ฅผ ํ์ธํ ์ ์๋๋ก ๋์์ฃผ๋ ํ์ฅ ํ๋ก๊ทธ๋จ โ ํฐํธ๋ช , ์คํ์ผ, ์ฌ์ด์ฆ, ์ปฌ๋ฌ ๋ฑ์ ์ ๋ณด ํ์ธ ๊ฐ๋ฅ ๐ ์ํ๋ ๋ฐฉ๋ฒ์ผ๋ก ํ๋ฉด ์บก์ณ ๋ฐ ๋ นํ๊ฐ ๊ฐ๋ฅํ : Nimbus โ ์กฐ๊ฑด์ ๋ฐ๋ฅธ ํ๋ฉด ์บก์ณ๋ ๋ฌผ๋ก ์์ ๋ นํ๊น์ง ๊ฐ๋ฅํด ๋ค์ํ ์ฌ๋ก๋ฅผ ๋ชจ์ผ๊ณ ์ ๋ฆฌํ๋๋ฐ ๋ง์ ๋์ โ ์ ์ฒด ํ๋ฉด, ํน์ ๋ถ๋ถ, ์ ํ์์ญ(์ง์ ์ ํ), ์คํฌ๋กค, ํน์ ํญ, ๋์์ ์ดฌ์ ๋ฑ ๋ค์ํ ๊ธฐ๋ฅ์ ์ ๊ณต ๐ ๋์์ด๋๋ฅผ ์ํ CSS ๋ทฐ์ด : CSS Peeper โ ํน์ ์นํ์ด์ง์ ์ ์ฉ๋ ํฐํธ ๋ฐ ์ปฌ๋ฌ ์ ๋ณด์ ์ฌ์ฉ ์ค์ธ ์ด๋ฏธ์ง ๋ฑ ์์ ์ ํด๋ฆญ ํ ๋ฒ์ผ๋ก ํ์ธ โ ๋ฒํผ ๋ฑ์ ํน์ ์์๋ฅผ ํด๋ฆญํ๋ฉด ์ฌ์ด์ฆ, ์ ์ฉ ์ปฌ๋ฌ, ์ฌ๋ฐฑ ๋ฑ์ ์ ๋ณด๋ ์ฝ๊ฒ ํ์ธ ๊ฐ๋ฅ ๐ ์ํ๋ ์ฌ์ด์ฆ๋ก ์นํ์ด์ง๋ฅผ ๋น ๋ฅด๊ฒ ํ์ธํ๋ : Window Resizer โ ์๋์ฐ ๋ฆฌ์ฌ์ด์ (Window Resizer)๋ ํด๋ฆญ ํ ๋ฒ์ผ๋ก ์นํ์ด์ง๋ฅผ ์ํ๋ ํด์๋์ ๋ฐ๋ผ ํ์ธ ๊ฐ๋ฅ โ 6๊ฐ ์ฃผ์ ํด์๋๊ฐ ๊ธฐ๋ณธ ์ ๊ณต, ์ํ๋ ํด์๋๋ฅผ ํด๋ฆญํ๋ฉด ํด๋น ์กฐ๊ฑด์ ๋ง๊ฒ ์นํ์ด์ง๋ฅผ ํ์ธ ๊ฐ๋ฅ ๐ ์น์ฌ์ดํธ ๊ตฌ์ฑ ์์ ๊ฐ ๊ฑฐ๋ฆฌ, ์ฌ์ด์ฆ ์ธก์ ์ด ๊ฐ๋ฅํ : Dimensions โ ์ํ๋ ๊ตฌ์ฑ์์์ ๋ง์ฐ์ค๋ฅผ ๊ฐ์ ธ๋ค ๋๋ฉด ์ถ๊ฐ ํ๋ ์์ด ๋ฐ๋ก ๊ตฌ์ฑ์์๊ฐ ํฌํจ๋ ์์ญ ๋ด ์์น๋ฅผ ์ฝ๊ฒ ํ์ ๊ฐ๋ฅ โ ๋๋ฉํ์ด์ง ๋ฑ ์์ ์, ํฌํจ๋๋ ๋ค์ํ ๊ตฌ์ฑ์์์ ๋ฐฐ์น๋ฅผ ์ด๋ป๊ฒ ํ ์ง์ ๋ํ ์ฐธ๊ณ ์๋ฃ ์ ๋ฆฌ ๊ฐ๋ฅ