updated. 2024-02-06
v11.11
폰트설정 주의 사항!
  1. "/fine_include/manualConfig/styleSheetLoad.php"에서 본고딕 사용여부 해제
  2. "/fine_home/css/font.style.css"에서 font-family 변경 (웹폰트의 경우 Google CDN을 @import하여 사용)
Typography

가나다

Noto Sans KR
  • 가나다 Thin 100
  • 가나다 Light 300
  • 가나다 Regular 400
  • 가나다 Medium 500
  • 가나다 Bold 700
  • 가나다 Extra Bold 900
  • Size: 10~19px | .625 ~ 1.1875rem
  • Weight: Light, Reguler, Medium | 300, 400, 500
  • Letter spacing: 0
  • Line height 100 ~ 125%(overflow:initial) / 135 ~ 200%(overflow:hidden)
  • Noto Sans Light: 가나다라마바 ABCDEF abcdef | Font size 15px(.9375rem)
  • Noto Sans Reguler: 가나다라마바 ABCDEF abcdef | Font size 15px(.9375rem)
  • Noto Sans Medium: 가나다라마바 ABCDEF abcdef | Font size 15px(.9375rem)
  • Size: 20~29px | 1.25 ~ 1.8125rem
  • Weight: Light, Reguler, Medium, Bold | 300, 400, 500, 700
  • Letter spacing: 0
  • Line height 100 ~ 125%(overflow:initial) / 135 ~ 200%(overflow:hidden)
  • Noto Sans Light: 가나다라마바 ABCDEF abcdef | Font size 22px(1.375rem)
  • Noto Sans Reguler: 가나다라마바 ABCDEF abcdef | Font size 22px(1.375rem)
  • Noto Sans Medium: 가나다라마바 ABCDEF abcdef | Font size 22px(1.375rem)
  • Noto Sans Bold 가나다라마바 ABCDEF abcdef | Font size 22px(1.375rem)
  • Size: 30~50px | 1.875 ~ 3.125rem
  • Weight: Thin, Light, Reguler, Medium, Bold, Extra bold | 100, 300, 400, 500, 700, 900
  • Letter spacing: 0
  • Line height 100 ~ 125%(overflow:initial) / 135 ~ 200%(overflow:hidden)
  • Noto Sans Thin 가나다라마바 ABCDEF abcdef | Font size 32px(2rem)
  • Noto Sans Light: 가나다라마바 ABCDEF abcdef | Font size 32px(2rem)
  • Noto Sans Reguler: 가나다라마바 ABCDEF abcdef | Font size 32px(2rem)
  • Noto Sans Medium: 가나다라마바 ABCDEF abcdef | Font size 32px(2rem)
  • Noto Sans Bold 가나다라마바 ABCDEF abcdef | Font size 32px(2rem)
  • Noto Sans Extra Bold 가나다라마바 ABCDEF abcdef | Font size 32px(2rem)

Aa

Roboto
  • Aa Thin 100
  • Aa Light 300
  • Aa Regular 400
  • Aa Medium 500
  • Aa Bold 700
  • Aa Extra Bold 900
  • Size: 10~24px | .625 ~ 1.5rem
  • Weight: Light, Reguler, Medium, Bold | 300, 400, 500, 700
  • Letter spacing: 0
  • Line height 100 ~ 125%(overflow:initial) / 135 ~ 200%(overflow:hidden)
  • Roboto Light: ABCDEF abcdef 1234 | Font size 15px(.9375rem)
  • Roboto Reguler: ABCDEF abcdef 1234 | Font size 15px(.9375rem)
  • Roboto Medium: ABCDEF abcdef 1234 | Font size 15px(.9375rem)
  • Roboto Bold ABCDEF abcdef 1234 | Font size 15px(.9375rem)
  • Size: 25~50px | 1.563 ~ 3.125rem
  • Weight: Thin, Light, Reguler, Medium, Bold, Extra bold | 100, 300, 400, 500, 700, 900
  • Letter spacing: 0
  • Line height 100 ~ 125%(overflow:initial) / 135 ~ 200%(overflow:hidden)
  • Roboto Thin ABCDEF abcdef 1234 | Font size 32px(2rem)
  • Roboto Light: ABCDEF abcdef 1234 | Font size 32px(2rem)
  • Roboto Reguler: ABCDEF abcdef 1234 | Font size 32px(2rem)
  • Roboto Medium: ABCDEF abcdef 1234 | Font size 32px(2rem)
  • Roboto Bold ABCDEF abcdef 1234 | Font size 32px(2rem)
  • Roboto Extra Bold ABCDEF abcdef 1234 | Font size 32px(2rem)
Headers
  • Weight: Regular | 400
  • Line height 140%(1.4) | Margin bottom 0.5rem(8px)

H1 header 3rem(48px) Mobile 1.5rem(24px)

H2 header 2.5rem(40px) Mobile 1.25rem(20px)

H3 header 1.9375rem(31px) Mobile 1.1875rem(19px)

H4 header 1.5625rem(25px) Mobile 1.125rem(18px)

H5 header 1.25rem(20px) Mobile 1.0625rem(17px)
H6 header 1rem(16px) Mobile 1rem(16px)