본문 바로가기
카테고리 없음

글줄사이, 글자 가로너비, 영어와 한글 가로너비 차이점

by daybyday-dev 2024. 3. 26.

글줄사이, 글자 가로너비, 영어와 한글 가로너비 차이점


1. 글줄사이

 

글줄사이, 글자크기, 레딩, 글줄높이

 

글자크기

 

  • 글줄사이(line space)
    • 행간(행과 행 사이의 간격)
    • 베이스라인과 베이스라인 사이의 간격
    • 단위는 포인트(pt) 사용
  • 글자크기(Type Size)
    • 어센더라인(위로 뻗쳐 나간 끝부분 라인)과 디센더라인(아래로 내려간 끝부분 라인) 사이의 간격
      (어센더라인 ~ 디센더라인 간격 + 일정 여유 간격을 포함한 것)
    • 세로선 높이 측정
    • 단위는 포인트(pt) 사용
    • 글자크기 < 행간 크기 → 가독성 좋음
    • 바디(body)는 네모 박스 안에 들어간 하나의 글자를 의미함
    • 바디(body)의 세로 크기 = 글자크기
  • 레딩(leading)
    • 첫 글줄과 다음 글줄 사이의 간격(베이스라인 기준 X)
  • 글줄높이(line-height)
    • 글자크기 + 레딩 = 글줄높이

 

2. 글자 가로너비(set-width)

 

글자 가로너비

 

  • 가로너비는 어떤 글자인지에 따라 다양하게 형성되어 있음
  • 베이스라인, 어센더, 디센더를 고려해 알파벳이 위치함
    ex) 대문자 M은 위로 치우쳐 위치
  • 기본적으로 글자의 너비는 1000 유닛을 기준으로 만들어짐
  • 1000개의 유닛에서 양쪽 사이드 여백을 '사이드베어링'이라 칭함
    ex) 양쪽 28 유닛이 사이드베어링
  • 사이드베어링 값을 얼마로 정하느냐에 따라 글씨가 꽉 차 보이거나 여유로워 보임

 

3. 영어와 한글 가로너비 차이점

 

영어와 한글의 글자 가로너비 차이점

 

가변폭, 고정폭

 

  • 영어와 한글 가로너비 차이점
    • 영어
      • 하나의 네모에 하나의 글자만 들어갈 수 있음
        ex) 비유하자면 방 하나에 한 명만 살고 있는 것
      • 글자의 가로 너비가 글자의 형태에 따라 달라짐 → 가로너비가 다양함
        ex) 'W'와 'i'의 가로너비가 다름
      • 가변폭 글자(폭이 가변적)
      • 폭이 다양하기 때문에 커닝값(특정 글자 사이 간격)을 신경 써서 디자인
    • 한글
      • 네모꼴 글자이지 때문에 네모 공간 안에 초성, 중성, 종성이 조합되는 형태
        ex) 한 = ㅎ + ㅏ + ㄴ
        비유하자면 방(네모) 하나에 여러 명(ㅎ, ㅏ, ㄴ)이 살고 있는 것
      • 폭이 일정하게 유지 → 가로너비 동일
      • 고정폭 글자
      • 복잡한 글자도 네모 안에 모두 넣어야 하기 때문에 글자가 뭉쳐 보이거나 가독성이 떨어지는 등의 문제가 발생할 수 있음
      • 폭이 일정하기 때문에 자간(글자와 글자 사이 간격)을 신경 써서 디자인