
๋ชฉ์ฐจ
ํ์ ํฐํธ๋?
ํ์ ํฐํธ์ ํน์ง
ํ์ ํฐํธ๋ ๋ณต์กํ ํ๊ณผ ๋ค์ํ ๊ธ์ ํฌ๊ธฐ๋ก ์ธํด ์ผ๋ฐ์ ์ธ ํฐํธ๋ณด๋ค ์ ๊ตํ ๋์์ธ์ด ํ์ํฉ๋๋ค. ํนํ ๊ฐ๋ ์ฑ๊ณผ ๋ฏธ์ ์ธ ์์๋ฅผ ๋์์ ๊ณ ๋ คํด์ผ ํ๋ฉฐ, ์๊ธ์จ ์คํ์ผ๊ณผ ๊ณ ๋์ฒด, ๋ช ์กฐ์ฒด ๋ฑ ๋ค์ํ ์ ํ์ด ์กด์ฌํฉ๋๋ค.
ํ์ ํฐํธ์ ์ค์์ฑ
ํ์ ํฐํธ๋ ๋ฌธ์์ ์ ๋ฌธ์ฑ๊ณผ ์ ๋ขฐ๋๋ฅผ ๋์ด๋ ์ค์ํ ์ญํ ์ ํฉ๋๋ค. ํนํ ์ ํต์ ์ธ ๋๋์ ์ด๋ฆฌ๊ฑฐ๋ ๊ณต์ ๋ฌธ์์์ ์ฌ์ฉ๋ ๊ฒฝ์ฐ ์ ์ ํ ํฐํธ ์ ํ์ด ํ์์ ์ ๋๋ค.
ํ์ ํฐํธ์ ํ์ฉ ๋ถ์ผ
ํ์ ํฐํธ๋ ์ถํ, ๊ต์ก ์๋ฃ, ์ ํต ์์ ๋์์ธ, ๋ธ๋๋ ๋ก๊ณ , ์น์ฌ์ดํธ ๋ฐ ์ฑ UI ๋ฑ ๋ค์ํ ๋ถ์ผ์์ ์ฌ์ฉ๋ฉ๋๋ค. ํนํ ๊ฐ๋ ์ฑ์ด ์ค์ํ ๋ฒ๋ฅ ๋ฌธ์๋ ๋ ผ๋ฌธ์์๋ ๋ช ์กฐ์ฒด ๊ณ์ด์ด ์ฃผ๋ก ํ์ฉ๋ฉ๋๋ค.
| ํญ๋ชฉ | ์ค๋ช |
|---|---|
| ํฐํธ ์ ํ | ๋ช ์กฐ์ฒด, ๊ณ ๋์ฒด, ์๊ธ์จ์ฒด ๋ฑ |
| ์ฃผ์ ํน์ง | ํ์ด ๋ง๊ณ ๋ณต์กํ ๊ตฌ์กฐ |
| ํ์ฉ ๋ถ์ผ | ์ถํ, ๊ต์ก, ๋ธ๋๋ ๋ก๊ณ , ์น๋์์ธ |

๋ฌด๋ฃ ํ์ ํฐํธ ์ถ์ฒ
๊ฐ๋ ์ฑ์ด ๋ฐ์ด๋ ๋ฌด๋ฃ ํฐํธ
๋ฌด๋ฃ ํ์ ํฐํธ ์ค์์๋ ๊ฐ๋ ์ฑ์ด ๋ฐ์ด๋ ํฐํธ๊ฐ ๋ง์ต๋๋ค. ๋ํ์ ์ผ๋ก 'Noto Sans CJK', 'Source Han Serif' ๋ฑ์ด ์์ผ๋ฉฐ, ์ด๋ค์ ์์ ๊ธ์จ์์๋ ์ ๋ช ํ๊ฒ ๋ณด์ด๋ฉฐ ๋ค์ํ ๋ฌธ์ ์์ ์ ์ ํฉํฉ๋๋ค.
๋์์ธ์ด ์ฐ์ํ ๋ฌด๋ฃ ํฐํธ
๋์์ธ์ ์ผ๋ก ์๋ฆ๋ค์ด ๋ฌด๋ฃ ํ์ ํฐํธ๋ก๋ 'Zen Kaku Gothic', 'I.Ming' ๋ฑ์ด ์์ต๋๋ค. ์ด ํฐํธ๋ค์ ์ ํต์ ์ธ ๋๋์ ์ ์งํ๋ฉด์๋ ํ๋์ ์ธ ์์๋ฅผ ๊ฐ๋ฏธํ ์คํ์ผ์ ์ ๊ณตํฉ๋๋ค.
๋ฌด๋ฃ ํฐํธ ์ฌ์ฉ ์ ์ฃผ์ํ ์
๋ฌด๋ฃ ํฐํธ๋ ์์ ์ ์ฌ์ฉ์ด ์ ํ๋ ์๋ ์์ผ๋ฉฐ, ์ผ๋ถ ํฐํธ๋ ํน์ ๋ผ์ด์ ์ค๋ฅผ ์ค์ํด์ผ ํฉ๋๋ค. ๋ฐ๋ผ์ ๋ค์ด๋ก๋ ์ ๋ผ์ด์ ์ค๋ฅผ ๊ผญ ํ์ธํ๊ณ ์ฌ์ฉ ๋ฒ์๋ฅผ ๊ฒํ ํด์ผ ํฉ๋๋ค.
| ํฐํธ๋ช | ํน์ง |
|---|---|
| Noto Sans CJK | ๊ตฌ๊ธ ์ ๊ณต, ๋ค์ํ ํฌ๊ธฐ์์๋ ์ ๋ช |
| Source Han Serif | ์ธ๋ฆฌํ ์คํ์ผ, ๋ฌธ์ ์์ ์ ์ ํฉ |
| Zen Kaku Gothic | ๋ชจ๋ํ ๋์์ธ, UI/UX์ ์ ํฉ |

์ ๋ฃ ํ์ ํฐํธ ์ถ์ฒ
๊ณ ํ์ง ์ ๋ฃ ํฐํธ ์๊ฐ
์ ๋ฃ ํ์ ํฐํธ๋ ๋์์ธ์ ์ ๊ตํจ๊ณผ ๊ฐ๋ ์ฑ์ด ๋ฐ์ด๋๋ฉฐ, ๋ธ๋๋ ์์ด๋ดํฐํฐ๋ฅผ ๊ฐํํ๋ ๋ฐ ์ ๋ฆฌํฉ๋๋ค. ๋ํ์ ์ธ ์ ๋ฃ ํฐํธ๋ก๋ ‘๋ชจ๋ฆฌ์ฌ์(Morisawa)’, ‘ํ๋ผ๊ธฐ๋ ธ(Hiragino)’, ‘๋ค์ด์ ํ์ดํฌ(Dynacomware)’ ๋ฑ์ด ์์ผ๋ฉฐ, ์ผ๋ณธ๊ณผ ์ค๊ตญ์ ๋ํ ์ถํ์ฌ์์๋ ๋๋ฆฌ ์ฌ์ฉ๋ฉ๋๋ค.
์ ๋ฃ ํฐํธ์ ์ฅ์
์ ๋ฃ ํ์ ํฐํธ๋ ๊ธ์ ๊ฐ๊ฒฉ์ด ์ ๋ฐํ๊ฒ ์กฐ์ ๋์ด ์์ด ์ธ์๋ฌผ, ์น๋์์ธ, ์ฑ UI์์ ์์ฑ๋ ๋์ ๊ฒฐ๊ณผ๋ฌผ์ ์ ๊ณตํฉ๋๋ค. ๋ํ ๋ค์ํ ๊ตต๊ธฐ์ ์คํ์ผ์ด ์ง์๋์ด ๋ค์ํ ์ฝํ ์ธ ์ ์์ ํ์ฉํ๊ธฐ ์ข์ต๋๋ค.
์ ๋ฃ ํฐํธ์ ๋จ์
๊ฐ์ฅ ํฐ ๋จ์ ์ ๋น์ฉ์ ๋๋ค. ์ผ๋ถ ๊ณ ๊ธ ํฐํธ๋ ์์ญ๋ง ์ ์ด์์ ๋ผ์ด์ ์ค ๋น์ฉ์ด ๋ฐ์ํ๋ฉฐ, ์ฌ์ฉ ๋ฒ์์ ๋ฐ๋ผ ์ถ๊ฐ ์๊ธ์ด ๋ถ๊ณผ๋ ์ ์์ต๋๋ค. ๋ํ ํน์ ํ๋ก๊ทธ๋จ์์๋ง ์ฌ์ฉํ ์ ์๋ ๊ฒฝ์ฐ๋ ์์ด ํธํ์ฑ์ ๋ฐ๋์ ํ์ธํด์ผ ํฉ๋๋ค.
| ํฐํธ๋ช | ํน์ง |
|---|---|
| ๋ชจ๋ฆฌ์ฌ์ | ์ผ๋ณธ ์ถํ์ ๊ณ์์ ๋๋ฆฌ ์ฌ์ฉ, ์ ๊ตํ ๊ธ์ ๋์์ธ |
| ํ๋ผ๊ธฐ๋ ธ | ์ ํ macOS ๊ธฐ๋ณธ ํ์ ํฐํธ, ๋ฏธ๋ คํ ๋์์ธ |
| ๋ค์ด์ ํ์ดํฌ | ๋ค์ํ ์คํ์ผ ์ ๊ณต, ์น ๋ฐ ์ธ์์ ์ต์ ํ |

๋ฌด๋ฃ vs ์ ๋ฃ ํ์ ํฐํธ ๋น๊ต
๊ฐ์ฑ๋น ๋ถ์
๋ฌด๋ฃ ํ์ ํฐํธ๋ ๋น์ฉ ๋ถ๋ด ์์ด ์ฌ์ฉํ ์ ์์ง๋ง, ์คํ์ผ์ ๋ค์์ฑ์ด ๋ถ์กฑํ ์ ์์ต๋๋ค. ๋ฐ๋ฉด ์ ๋ฃ ํฐํธ๋ ์์ฑ๋๊ฐ ๋๊ณ ๋ค์ํ ์์ฒด๋ฅผ ์ ๊ณตํ์ง๋ง, ์๋นํ ๋น์ฉ์ด ๋ฐ์ํ ์ ์์ต๋๋ค. ํ๋ก์ ํธ์ ์์ฐ๊ณผ ๋ชฉ์ ์ ๊ณ ๋ คํด ์ ํํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
๋ผ์ด์ ์ค ๋ฐ ์ ์๊ถ ๋ฌธ์
๋ฌด๋ฃ ํฐํธ๋ผ๋ ์ผ๋ถ๋ ๊ฐ์ธ ์ฌ์ฉ๋ง ๊ฐ๋ฅํ๊ณ , ์์ ์ ์ฌ์ฉ์๋ ์ ํ์ด ์์ ์ ์์ต๋๋ค. ์ ๋ฃ ํฐํธ์ ๊ฒฝ์ฐ ๊ตฌ๋งคํ ๋ผ์ด์ ์ค์ ๋ฐ๋ผ ์ฌ์ฉ ๋ฒ์๊ฐ ์ ํด์ง๋ฏ๋ก ๋ฐ๋์ ๊ณ์ฝ ์กฐ๊ฑด์ ํ์ธํด์ผ ํฉ๋๋ค.
์ฌ์ฉ ๋ชฉ์ ์ ๋ฐ๋ฅธ ์ ํ ๊ฐ์ด๋
์ผ๋ฐ์ ์ธ ๋ฌธ์ ์์ฑ์ด๋ ๊ฐ์ธ ํ๋ก์ ํธ์๋ ๋ฌด๋ฃ ํ์ ํฐํธ๋ ์ถฉ๋ถํ ์ ์์ต๋๋ค. ํ์ง๋ง ๋ธ๋๋ ๋ก๊ณ , ์์ ์ถํ๋ฌผ, ๊ณต์ ๋ฌธ์ ๋ฑ์์๋ ์ ๋ฃ ํฐํธ๊ฐ ๋ ์ ํฉํ ์ ์์ต๋๋ค. ํ์์ ๋ง๊ฒ ์ ํํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
| ๋น๊ต ํญ๋ชฉ | ๋ฌด๋ฃ ํ์ ํฐํธ | ์ ๋ฃ ํ์ ํฐํธ |
|---|---|---|
| ๋น์ฉ | ๋ฌด๋ฃ | ์ ๋ฃ(์์ฒ ์~์์ญ๋ง ์) |
| ๊ฐ๋ ์ฑ | ๋ค์ ๋ถ์กฑํ ์ ์์ | ์ต์ ํ๋ ๋์์ธ |
| ๋์์ธ ๋ค์์ฑ | ์ ํ์ | ๋ค์ํ ์คํ์ผ ์ ๊ณต |
| ์์ ์ ์ฌ์ฉ | ์ผ๋ถ ์ ํ ์์ | ๊ตฌ๋งค ํ ์์ ๋ก์ด ์ฌ์ฉ ๊ฐ๋ฅ |
| ์ ํฉํ ์ฌ์ฉ์ฒ | ์ผ๋ฐ ๋ฌธ์, ๊ฐ์ธ ํ๋ก์ ํธ | ๋ธ๋๋ ๋ก๊ณ , ์ถํ, ๊ณต์ ๋ฌธ์ |

ํ์ ํฐํธ ๋ค์ด๋ก๋ ๋ฐ ์ ์ฉ ๋ฐฉ๋ฒ
ํฐํธ ์ค์น ๋ฐฉ๋ฒ
ํ์ ํฐํธ๋ฅผ ๋ค์ด๋ก๋ํ ํ ์ค์นํ๋ ๋ฐฉ๋ฒ์ ์ด์์ฒด์ ๋ณ๋ก ๋ค๋ฅผ ์ ์์ต๋๋ค. ์ผ๋ฐ์ ์ผ๋ก ์๋์ฐ์์๋ ๋ค์ด๋ก๋ํ ํฐํธ ํ์ผ์ ๋๋ธ ํด๋ฆญํ์ฌ ์ค์นํ ์ ์์ผ๋ฉฐ, macOS์์๋ ‘Font Book’์ ํตํด ์์ฝ๊ฒ ์ถ๊ฐํ ์ ์์ต๋๋ค.
์น์ฌ์ดํธ ๋ฐ ๋ฌธ์์์ ์ฌ์ฉ๋ฒ
์น์ฌ์ดํธ์์ ํ์ ํฐํธ๋ฅผ ์ ์ฉํ๋ ค๋ฉด CSS์ @font-face ๊ท์น์ ํ์ฉํ๊ฑฐ๋, Google Fonts ๋๋ Adobe Fonts์ ๊ฐ์ ์๋น์ค๋ฅผ ์ด์ฉํ ์ ์์ต๋๋ค. ๋ฌธ์์์๋ ๊ธฐ๋ณธ์ ์ธ ๊ธ๊ผด ์ค์ ์ ๋ณ๊ฒฝํ์ฌ ์ ์ฉํ ์ ์์ต๋๋ค.
ํฐํธ ์ต์ ํ ํ
ํฐํธ๋ฅผ ์ต์ ํํ๋ ค๋ฉด ๊ธ์ ํฌ๊ธฐ์ ์ค ๊ฐ๊ฒฉ์ ์ ์ ํ ์กฐ์ ํ๊ณ , ์น์์๋ WOFF2 ํฌ๋งท์ ์ฌ์ฉํ์ฌ ์ฑ๋ฅ์ ๊ฐ์ ํ๋ ๊ฒ์ด ์ข์ต๋๋ค. ๋ํ, ํ์ํ ๋ฌธ์๋ง ํฌํจ๋ ์๋ธ์ ํฐํธ๋ฅผ ์ฌ์ฉํ๋ฉด ๋ก๋ฉ ์๋๋ฅผ ์ค์ผ ์ ์์ต๋๋ค.
| ์ค์น ๋ฐฉ๋ฒ | ์ค๋ช |
|---|---|
| ์๋์ฐ | ๋ค์ด๋ก๋ ํ ๋๋ธ ํด๋ฆญํ์ฌ ์ค์น |
| macOS | Font Book์์ ์ถ๊ฐ ๊ฐ๋ฅ |
| ์น์ฌ์ดํธ | @font-face ๋๋ ์ธ๋ถ ์๋น์ค ํ์ฉ |
| ๋ฌธ์ ์์ | ๊ธฐ๋ณธ ๊ธ๊ผด ์ค์ ์์ ๋ณ๊ฒฝ |
| ์ต์ ํ | WOFF2 ์ฌ์ฉ, ์๋ธ์ ํฐํธ ํ์ฉ |

์์ฃผ ๋ฌป๋ ์ง๋ฌธ (FAQ)
Q1: ๋ฌด๋ฃ ํ์ ํฐํธ๋ ์์ ์ ์ผ๋ก ์ฌ์ฉํด๋ ๋๋์?
A: ์ผ๋ถ ๋ฌด๋ฃ ํ์ ํฐํธ๋ ์์ ์ ์ฌ์ฉ์ด ๊ฐ๋ฅํ์ง๋ง, ๋ผ์ด์ ์ค๋ง๋ค ๋ค๋ฅด๋ฏ๋ก ์ฌ์ฉ ์ ์ ๋ฐ๋์ ํ์ธํด์ผ ํฉ๋๋ค. ์๋ฅผ ๋ค์ด, Noto Sans CJK๋ ์์ ์ ์ผ๋ก ์์ ๋กญ๊ฒ ์ฌ์ฉํ ์ ์์ง๋ง, ์ผ๋ถ ํฐํธ๋ ์ ํ์ด ์์ ์ ์์ต๋๋ค.
Q2: ์ ๋ฃ ํ์ ํฐํธ๋ฅผ ๊ตฌ๋งคํ๋ฉด ๋ชจ๋ ๊ธฐ๊ธฐ์์ ์ฌ์ฉ ๊ฐ๋ฅํ๊ฐ์?
A: ์ ๋ฃ ํ์ ํฐํธ๋ ๋ผ์ด์ ์ค ๋ฒ์์ ๋ฐ๋ผ ๋ค๋ฆ ๋๋ค. ์ผ๋ถ ํฐํธ๋ ํน์ ๊ธฐ๊ธฐ ๋๋ ์ํํธ์จ์ด์์๋ง ์ฌ์ฉ์ด ๊ฐ๋ฅํ ์ ์์ผ๋ฏ๋ก, ๊ตฌ๋งค ์ ์ ์ ์ฉ ๊ฐ๋ฅํ ํ๊ฒฝ์ ํ์ธํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
Q3: ์น์ฌ์ดํธ์์ ํ์ ํฐํธ๋ฅผ ์ ์ฉํ๋ ๋ฐฉ๋ฒ์?
A: ์น์ฌ์ดํธ์์๋ CSS์ @font-face ๊ท์น์ ์ฌ์ฉํ๊ฑฐ๋, Google Fonts ๋๋ Adobe Fonts์ ๊ฐ์ ์ธ๋ถ ์๋น์ค๋ฅผ ํ์ฉํ์ฌ ํ์ ํฐํธ๋ฅผ ์ ์ฉํ ์ ์์ต๋๋ค.
Q4: ๊ฐ์ฅ ๊ฐ๋ ์ฑ์ด ์ข์ ํ์ ํฐํธ๋ ๋ฌด์์ธ๊ฐ์?
A: ๊ฐ๋ ์ฑ์ด ๋ฐ์ด๋ ํฐํธ๋ก๋ ‘Noto Sans CJK’, ‘Source Han Serif’, ‘Hiragino Mincho’ ๋ฑ์ด ์์ต๋๋ค. ์ด๋ค์ ์์ ํฌ๊ธฐ์์๋ ์ ๋ช ํ๋ฉฐ ๋ฌธ์ ๋ฐ ์น์์ ์ฌ์ฉํ๊ธฐ ์ ํฉํฉ๋๋ค.
Q5: ํ์ ํฐํธ๋ ์ด๋์์ ๋ค์ด๋ก๋ํ ์ ์๋์?
A: ๋ฌด๋ฃ ํ์ ํฐํธ๋ Google Fonts, FontSpace, DaFont ๋ฑ์ ์ฌ์ดํธ์์ ๋ค์ด๋ก๋ํ ์ ์์ผ๋ฉฐ, ์ ๋ฃ ํฐํธ๋ Morisawa, Monotype, Adobe Fonts์์ ๊ตฌ๋งคํ ์ ์์ต๋๋ค.
Q6: ํ์ ํฐํธ์ ํ์ผ ํ์์ ๋ฌด์์ธ๊ฐ์?
A: ์ผ๋ฐ์ ์ผ๋ก ์ฌ์ฉ๋๋ ํ์ ํฐํธ ํ์ผ ํ์์ TTF(TrueType), OTF(OpenType), WOFF(Web Open Font Format) ๋ฑ์ด ์์ต๋๋ค. ์น์์๋ WOFF2 ํ์์ด ์ต์ ํ๋์ด ์์ต๋๋ค.
Q7: ํ์ ํฐํธ๋ฅผ ์ค์นํ ํ ์ธ์๋์ง ์๋ ๊ฒฝ์ฐ ์ด๋ป๊ฒ ํ๋์?
A: ํฐํธ๊ฐ ์ ๋๋ก ์ธ์๋์ง ์๋ ๊ฒฝ์ฐ, ์์คํ ์ ์ฌ๋ถํ ํ๊ฑฐ๋ ํด๋น ํ๋ก๊ทธ๋จ์ ํฐํธ ์บ์๋ฅผ ์ญ์ ํด๋ณด์ธ์. ๊ทธ๋๋ ํด๊ฒฐ๋์ง ์๋๋ค๋ฉด ํฐํธ ํ์ผ์ด ์์๋์์ ๊ฐ๋ฅ์ฑ์ด ์์ต๋๋ค.