본문 바로가기 메뉴 바로가기

le récit de ellie

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

le récit de ellie

검색하기 폼
  • 분류 전체보기 (178)
    • Life (7)
    • Backend (32)
      • Java (23)
      • Spring (1)
      • SQL (1)
      • Infra (2)
    • Frontend (21)
    • Python (29)
    • Android (4)
      • Kotlin (4)
    • Data (11)
      • R (10)
      • 데이터엔지니어링 (0)
    • CS (8)
    • Algorithm (25)
    • 프로젝트 (21)
    • C (0)
      • C Compiler (0)
    • Tool (1)
  • 방명록

Typography (1)
[CSS] font - 타이포그래피 (typography)

타이포그래피(typography)의 구조 폰트를 이해하기 위해서는 타이포그래피의 구조를 먼저 이해해야 한다. 모든 폰트는 em박스를 가지고 있고 위 그림과 같은 구조로 이루어져 있다. em : 폰트의 전체 높이를 의미합니다. ex ( = x-height ) : 해당 폰트의 영문 소문자 x의 높이를 의미합니다. Baseline : 소문자 x를 기준으로 하단의 라인을 의미합니다. Descender : 소문자에서 baseline 아래로 쳐지는 영역을 의미합니다. 서체에 따라 descender의 길이가 다릅니다. ( g, j, p, q, y ) Ascender : 소문자 x의 상단 라인 위로 넘어가는 영역을 의미합니다. ( b, d, h, l )

Frontend 2020. 10. 22. 17:26
이전 1 다음
이전 다음
공지사항
최근에 올라온 글

Blog is powered by Tistory / Designed by Tistory

티스토리툴바