λͺ©μ°¨
νμ ν°νΈλ?
νμ ν°νΈμ νΉμ§
νμ ν°νΈλ 볡μ‘ν νκ³Ό λ€μν κΈμ ν¬κΈ°λ‘ μΈν΄ μΌλ°μ μΈ ν°νΈλ³΄λ€ μ κ΅ν λμμΈμ΄ νμν©λλ€. νΉν κ°λ μ±κ³Ό λ―Έμ μΈ μμλ₯Ό λμμ κ³ λ €ν΄μΌ νλ©°, μκΈμ¨ μ€νμΌκ³Ό κ³ λ체, λͺ 쑰체 λ± λ€μν μ νμ΄ μ‘΄μ¬ν©λλ€.
νμ ν°νΈμ μ€μμ±
νμ ν°νΈλ λ¬Έμμ μ λ¬Έμ±κ³Ό μ λ’°λλ₯Ό λμ΄λ μ€μν μν μ ν©λλ€. νΉν μ ν΅μ μΈ λλμ μ΄λ¦¬κ±°λ 곡μ λ¬Έμμμ μ¬μ©λ κ²½μ° μ μ ν ν°νΈ μ νμ΄ νμμ μ λλ€.
νμ ν°νΈμ νμ© λΆμΌ
νμ ν°νΈλ μΆν, κ΅μ‘ μλ£, μ ν΅ μμ λμμΈ, λΈλλ λ‘κ³ , μΉμ¬μ΄νΈ λ° μ± 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: ν°νΈκ° μ λλ‘ μΈμλμ§ μλ κ²½μ°, μμ€ν μ μ¬λΆν νκ±°λ ν΄λΉ νλ‘κ·Έλ¨μ ν°νΈ μΊμλ₯Ό μμ ν΄λ³΄μΈμ. κ·Έλλ ν΄κ²°λμ§ μλλ€λ©΄ ν°νΈ νμΌμ΄ μμλμμ κ°λ₯μ±μ΄ μμ΅λλ€.