size-adjust calculator

기준 폰트(한글)에 맞춰 라틴 폰트의 광학 크기를 보정하고, 마크업 무손상 섞어짜기용 @font-face CSS를 생성합니다.

기준 폰트 · 본문/한글
측정 대기…
보정 폰트 · 라틴
측정 대기…
보정값
%

체크 시 보정 폰트의 수직 메트릭을 기준 폰트에 맞춰 줄높이 흔들림을 없앱니다.

미리보기
텍스트 클릭해서 수정 가능
baselinex-height (기준)x-height (보정, size-adjust 적용)cap height (기준)
메트릭 비교
em 대비 비율
x-heightcap heightascentdescent
기준––––
보정 (원본)––––
보정 (adjust 후)––––
생성된 CSS
/* 기준 폰트 — 한글 및 나머지 전부 */
@font-face {
  font-family: "Mixed";
  src: local("Apple SD Gothic Neo");
  font-weight: 400;
}

/* 보정 폰트 — 라틴 (나중에 선언해야 겹치는 범위에서 우선) */
@font-face {
  font-family: "Mixed";
  src: local("Georgia");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
  size-adjust: 100%;
  font-weight: 400;
}

body { font-family: "Mixed", sans-serif; }