λ€μ΄λ‘λ λ°μ OTF ν°νΈ νμΌμ TTF, EOT λ±μΌλ‘ λ³ννκ³ μΆμ λκ° μμ΅λλ€. ν°νΈ νμΌμ λ³ννλ λ°©λ²μλ μ¬λ¬κ°μ§κ° μμ§λ§, μ΄λ² μκ°μλ λ¬΄λ£ μ¬μ΄νΈλ₯Ό μ΄μ©ν΄ λ³νν΄λ³΄λλ‘ νκ² μ΅λλ€.
ν°νΈ λ³ν λ°©λ²
ν°νΈ λ³νμ μν΄ AnyconvλΌλ μ¬μ΄νΈλ₯Ό μ΄μ©ν©λλ€. 무λ£λ‘ μ΄μ©ν μ μκΈ°λ νκ³ μ¬μ© λ°©λ²λ κ΅μ₯ν κ°λ¨ν©λλ€.
1. λ³ν ν ν°νΈ νμΌμ μ ννκ±°λ μ λ‘λ μμ΅μΌλ‘ λλκ·Έν΄μ λμ΄λ€ λμ΅λλ€.
2. μ λ‘λ λ ν°νΈ νμΌμ WOFF, EOT, TTF λ± μνλ νμμ μ ννμ¬ λ³νν μ μμ΅λλ€.
- TTF : μ ν, λ§μ΄ν¬λ‘μννΈκ° κ°λ°ν λ°±ν° κΈκΌ΄ νμ€
- OTF : μ΄λλΉ, λ§μ΄ν¬λ‘μννΈκ° νλ ₯ν΄μ λ§λ TTFμ κ°μ ν κΈκΌ΄
- WOFF / WOFF2 : μΉνμ΄μ§μμ μ¬μ©νκΈ° μν΄ μ¬λ¬ νμ¬λ€μ νμ μΌλ‘ μ μν κΈκΌ΄
- EOT : λ§μ΄ν¬λ‘μννΈκ° μΉμμ μ¬μ©νκΈ° μν΄ μ μν κΈκΌ΄ ν¬λ§·
μΉμμ μ¬μ©νκΈ° μν λνμ μΈ κΈκΌ΄ νμΌμ TTF, WOFFκ° λ²μ©μ μΌλ‘ μ리μ‘μμ΅λλ€. CSSμ μΉ κΈκΌ΄μ κ°μ Έμ¬ λλ λ€μκ³Ό κ°μ΄ μμ±ν©λλ€.
@font-face{
font-family:"RIDIBatang";
src:url(./images/RIDIBatang.eot);
src:url(./images/RIDIBatang.woff);
src:url('./images/RIDIBatang?#iefix') format('embedded-opentype'),}}
μμλ‘ λ¦¬λλ°ν체λ₯Ό μ¬μ©νμ΅λλ€. eot, woff κΈκΌ΄ νμΌμ μ λ‘λ ν μνλ‘ μ μ½λλ₯Ό CSSμ λ£κ³ bodyμ RIDIBatangμ μ μ©νλ©΄ 리λλ°ν체λ₯Ό μΉ κΈκΌ΄λ‘ μ¬μ©ν μ μμ΅λλ€.
μ§κΈκΉμ§ ν°νΈ otf, ttf, eot, woff λ³ν λ°©λ²μ λν΄μ μμλ΄€μ΅λλ€.