🌐 다국어 폰트 스택 구성기 | 순서를 어떻게 잡을까?

합쳐 쓸 패밀리 이름 (@font-face 용)

폰트 목록 (한 줄에 하나, 우선순위 순 — '폰트명 | U+범위')

맨 뒤에 둘 제네릭 패밀리

font-display 값 (@font-face 용)

붙여 쓸 CSS

폰트별 정리

순서	폰트 이름	따옴표	unicode-range

권장 폰트 스택은 제시하지 않습니다. 어떤 폰트가 어느 OS·언어 환경에 깔려 있는지가 기기마다 달라 공통으로 쓸 수 있는 정답 목록이 없기 때문입니다. 이 도구는 입력한 목록의 순서와 unicode-range 분리 문법만 만듭니다. 이름에 공백·숫자 시작·한글이 들어가면 따옴표를 붙이고, 제네릭 패밀리는 따옴표 없이 맨 뒤에 둡니다(2026년 10월 기준).

다국어 폰트 폴백 스택 구성기 사용법

한글·일본어·라틴이 섞인 화면에서는 폰트 하나로 다 덮지 못해 폴백 순서를 쓰게 됩니다. 그런데 순서를 잘못 적으면 한글 자리에 라틴 폰트의 대체 글리프가 나오거나, 안 쓰는 큰 파일까지 내려받습니다. 이 도구는 쓰려는 폰트 목록을 받아 font-family 순서와 unicode-range 로 나눈 @font-face 문법을 만들어 줍니다.

입력은 한 줄에 폰트 하나이고, '폰트명 | U+범위' 형식으로 범위를 덧붙일 수 있습니다. 범위를 적은 줄만 @font-face 로 분리되고, 범위가 없는 줄은 폴백 순서에만 들어갑니다. 이름에 공백·숫자 시작·한글이 섞이면 따옴표를 붙여 주고, 제네릭 패밀리는 따옴표 없이 맨 뒤에 둡니다. 2026년 10월 기준입니다.

권장 폰트 스택은 제시하지 않습니다. 설치된 폰트가 OS·언어·기기마다 달라 공통 정답이 없기 때문입니다. 또 이 도구는 폰트 파일을 읽지 않으므로 실제 지원 문자 범위를 확인해 주지 않고, url 경로는 자리표시용이라 실제 파일 경로로 바꿔야 합니다. 폰트 파일이 그 범위를 정말 담고 있는지는 직접 확인하세요.

자주 묻는 질문

어떤 폰트를 넣어야 하는지 추천해 주나요?

추천하지 않습니다. 어떤 폰트가 어느 OS·언어 환경에 설치돼 있는지가 기기마다 달라 공통 정답 목록이 없기 때문입니다. 쓰려는 폰트를 직접 적으면 순서와 분리 문법만 만들어 줍니다.

폰트 이름에 따옴표를 언제 붙이나요?

이름이 영문자나 밑줄로 시작하는 한 단어이고 영문·숫자·하이픈·밑줄로만 되어 있으면 따옴표 없이 써도 됩니다. 공백이 있거나 숫자로 시작하거나 한글이 섞이면 따옴표가 필요하고, 표에 줄마다 표시합니다.

unicode-range 로 나누면 뭐가 좋아지나요?

한 패밀리 이름 아래 문자 범위별로 다른 파일을 걸 수 있어, 그 범위의 글자가 실제로 쓰일 때만 해당 파일을 내려받습니다. 범위를 안 적은 줄은 분리되지 않고 폴백 순서에만 들어갑니다.

🌐다국어 폰트 폴백 스택 구성기

붙여 쓸 CSS

폰트별 정리

관련된 도구

웹폰트 서브셋 용량 절감 계산기

텍스트 줄 간격 최적화 계산기

다국어 폰트 폴백 스택 구성기 사용법

자주 묻는 질문

붙여 쓸 CSS

폰트별 정리

관련된 도구

웹폰트 서브셋 용량 절감 계산기

텍스트 줄 간격 최적화 계산기

다국어 폰트 폴백 스택 구성기 사용법

자주 묻는 질문

같은 카테고리 도구