더 빠른 페이지 로드
더 작은 글꼴 파일은 더 빨리 다운로드되어 사이트 성능에 중요한 LCP(Largest Contentful Paint) 메트릭을 개선합니다.
글꼴 서브셋터
글꼴 서브셋을 만들어 웹 글꼴 파일 크기를 줄이세요. 필요한 문자만 유지하고 사용자 정의 문자, 유니코드 범위 및 실시간 미리보기를 지원합니다. 웹사이트 성능과 Core Web Vitals를 향상시키세요.
광고
광고
폰트 서브셋 도구는 웹사이트에서 실제로 사용하는 문자만 추출하여 폰트 파일 크기를 줄입니다. TTF, OTF, WOFF, WOFF2 형식을 지원하며, 사용자 정의 문자 집합과 유니코드 범위를 설정할 수 있습니다. 모든 처리는 브라우저에서 로컬로 이루어집니다.
폰트 파일을 업로드하지 않고 80-95% 축소
웹사이트에서 실제로 사용하는 문자만 유지하세요. TTF, OTF, WOFF, WOFF2를 유니코드 범위와 실시간 미리보기로 지원 — 모두 브라우저에서 처리됩니다.
빠른 페이지 로딩
100% 비공개
무료 무제한
사용 방법
- 1
글꼴 업로드
드래그 앤 드롭 영역을 사용하여 .TTF, .OTF, .WOFF 또는 .WOFF2 글꼴 파일을 업로드하세요.
- 2
문자 지정
텍스트 상자에 웹사이트에서 실제로 사용되는 모든 문자를 입력하세요. 중국어 문자를 위한 U+4E00-9FFF와 같은 일반적인 유니코드 범위를 추가할 수도 있습니다.
- 3
출력 형식 선택
내보내기 설정에서 원하는 출력 형식(OTF 또는 TTF)을 선택하세요.
- 4
서브셋 생성 및 다운로드
'서브셋 만들기'를 클릭하세요. 도구가 새롭고 더 작은 글꼴 파일을 생성합니다. 최적화된 글꼴을 다운로드하여 프로젝트에서 사용하세요.
왜 글꼴을 서브셋해야 할까요?
더 나은 사용자 경험
사용자는 텍스트 콘텐츠를 더 빨리 볼 수 있어 대기 시간이 줄어들고 이탈률이 낮아지며 만족도가 높아집니다.
향상된 Core Web Vitals
페이지 속도는 Google과 같은 검색 엔진의 핵심 순위 요소입니다. 글꼴 최적화는 Core Web Vitals 점수를 높이는 강력한 방법입니다.
광고
폰트 서브셋 이해하기
폰트 파일이 큰 이유
현대 폰트 파일(OTF, TTF, WOFF, WOFF2)에는 문자 모양 이상의 것이 포함되어 있습니다. 일반적인 라틴 폰트에는 대문자와 소문자, 숫자, 구두점, 악센트 문자, 합자, 대체 글리프, 커닝 쌍 및 OpenType 기능(소형 대문자, 올드스타일 숫자, 문맥 대체)이 포함됩니다. 포괄적인 폰트 패밀리는 1,000개 이상의 글리프를 포함할 수 있습니다. 영어 텍스트만 표시하는 웹사이트에서 폰트를 사용하면 폰트 데이터의 90%를 사용하지 않고 전송하게 되어 대역폭이 낭비되고 페이지 로드가 느려집니다.
폰트 서브셋은 필요한 글리프만 추출하여 이 문제를 해결합니다. 영어 전용 웹사이트의 경우 95개의 인쇄 가능한 ASCII 문자만 필요할 수 있습니다. 폰트를 500 KB에서 20-50 KB로 줄일 수 있습니다. 기본 라틴 + 일반 악센트 문자를 사용하는 사이트의 경우 약 200개의 글리프가 필요할 수 있습니다. 서브셋 도구는 opentype.js를 사용하여 폰트의 바이너리 구조를 파싱하고, 지정된 글리프와 관련 메트릭(커닝, 전진 너비)을 추출하여 유효한 폰트 파일을 해당 글리프만으로 다시 빌드합니다.
WOFF2 형식은 서브셋 위에 추가 압축을 제공합니다. WOFF2는 Brotli 압축을 사용하여 WOFF보다 20-40% 작은 파일을 생성합니다. 모든 최신 브라우저(Chrome, Firefox, Safari, Edge)가 WOFF2를 지원합니다. 최적의 접근 방식은 폰트를 필요한 글리프로 서브셋한 다음 최대 압축을 위해 WOFF2로 인코딩하는 것입니다. 500 KB TTF 폰트를 15 KB WOFF2 서브셋으로 줄일 수 있습니다. 97% 감소입니다.
광고
실용적인 서브셋 전략
대부분의 웹사이트에서 가장 간단한 전략은 모든 ASCII 문자를 포함하는 Unicode Basic Latin 범위(U+0020 ~ U+007E)로 서브셋하는 것입니다. 이는 영어 콘텐츠에 충분합니다. 다국어 사이트의 경우 각 언어에 필요한 특정 Unicode 범위로 서브셋하고 unicode-range CSS 속성을 사용하여 각 페이지에 관련 서브셋만 로드하세요. Google Fonts는 이 기술을 사용합니다. 페이지 콘텐츠를 기반으로 다른 서브셋을 제공합니다.
서브셋할 때 OpenType 기능에서 참조하는 글리프를 제거하지 않도록 주의하세요. 예를 들어, 소형 대문자 기능(smcp)은 소문자를 소형 대문자 버전으로 대체합니다. 소형 대문자 글리프를 제거하면 기능이 작동하지 않습니다. 저희 도구는 폰트의 기능 정의를 보존하지만 지정한 글리프만 포함합니다. OpenType 기능이 필요한 경우 해당 기능이 참조하는 모든 글리프를 포함하세요. 웹의 본문 텍스트에는 복잡한 OpenType 기능을 비활성화하고 기본 문자 형태만으로 서브셋하는 것이 가장 좋습니다.
광고
다른 폰트 서브셋 도구와 어떻게 비교되나요?
인기 폰트 서브셋 도구의 나란히 비교입니다.
| 기능 | NovaTools | Font Squirrel | Everything Fonts |
|---|---|---|---|
| 프라이버시(업로드 없음) | 100% 브라우저 | 서버 업로드 | 서버 업로드 |
| TTF, OTF, WOFF 입력 | 모든 형식 | 제한적 | |
| WOFF2 내보내기 | |||
| 사용자 정의 문자 집합 | 제한적 | ||
| OpenType 기능 보존 | |||
| 등록 불필요 | 이메일 필요 |
Font Squirrel 및 기타 서버 기반 서브셋 도구는 폰트 파일 업로드가 필요합니다. 당사 도구는 opentype.js를 사용하여 브라우저 내에서 완전히 폰트를 파싱하고 서브셋합니다. 맞춤형 또는 라이선스 폰트가 기기를 떠나지 않습니다.
자주 묻는 질문
제 글꼴 파일은 안전한가요? 업로드되나요?
네, 100% 안전합니다. 모든 글꼴 처리는 브라우저에서 로컬로 이루어집니다. 글꼴 파일은 절대 서버에 업로드되지 않으므로 데이터가 비공개로 유지됩니다.
서브셋팅 후 글꼴 파일이 왜 더 커졌나요?
이것은 매우 작거나 고도로 최적화된 원본 글꼴에서 발생할 수 있습니다. 이 도구는 글꼴 파일을 처음부터 다시 빌드하며, 이 새로운 구조는 때때로 원본보다 덜 압축될 수 있습니다. 이런 경우, 글꼴이 이미 매우 효율적이므로 원본 파일을 계속 사용해야 합니다.
어떤 출력 형식을 선택해야 하나요: OTF 또는 TTF?
현대 웹 개발에서는 둘 다 훌륭한 출발점입니다. 서브셋팅 후에는 최대 압축을 위해 결과 글꼴을 `.woff2` 형식으로 변환하는 것이 가장 좋습니다.
상업적 프로젝트에서 서브셋 글꼴을 사용할 수 있나요?
업로드하는 원본 글꼴의 라이선스를 준수해야 합니다. 글꼴을 서브셋팅해도 라이선스는 변경되지 않습니다. 목적에 맞게 글꼴을 수정하고 사용할 권리가 있는지 확인하세요.
폰트 파일 크기를 얼마나 줄일 수 있나요?
The amount of reduction depends on the original font size and the number of characters you keep. A typical Latin font contains 400-700 glyphs (including uppercase, lowercase, numbers, punctuation, accented characters, and symbols) and weighs 80-200 KB as TTF. If you subset to only the 50-80 characters used on a typical English website (A-Z, a-z, 0-9, basic punctuation), the file size drops to 15-40 KB — an 80% reduction. CJK fonts (Chinese, Japanese, Korean) can be dramatically larger (5-20 MB) because they contain thousands of characters. Subsetting a CJK font to the 2,000 most common characters can reduce the file size by 90%+.
서브셋에 어떤 문자를 포함해야 하나요?
At minimum, include all characters that appear on your website: uppercase A-Z, lowercase a-z, digits 0-9, and all punctuation marks used in your content (periods, commas, quotes, hyphens, etc.). Also include any special characters specific to your content (currency symbols, mathematical operators, arrows). For multi-language sites, include the accented characters for each language you support (e.g., à, é, ü, ñ for French, German, Spanish). For CJK sites, include the most common 1,000-3,500 characters for your language. A good approach is to scan your website's text content and extract the unique character set — this ensures you don't miss any characters while keeping the subset as small as possible.
유니코드 범위란 무엇이며 어떻게 사용하나요?
Unicode ranges (like U+0041-005A for uppercase A-Z) specify a contiguous block of characters in the Unicode standard. The tool accepts both individual characters and Unicode ranges in the input field. For example, 'A-Za-z0-9' specifies all ASCII letters and digits. 'U+4E00-9FFF' specifies the CJK Unified Ideographs block (common Chinese characters). 'U+3040-309F' specifies Hiragana (Japanese). You can combine characters and ranges: 'Hello World U+4E00-9FFF' would include the characters in 'Hello World' plus all common Chinese characters. This is useful for multi-language websites that need both Latin and CJK characters.
서브셋이 폰트 렌더링 품질에 영향을 미치나요?
No. Subsetting preserves the exact same glyph outlines, hinting instructions, and kerning pairs as the original font — it simply removes the glyphs you don't need. The characters that remain in the subsetted font will render identically to the original font at all sizes. The only visible difference is that characters not included in the subset will not render (they will fall back to the browser's default font or appear as blank boxes). This is why it's important to include all characters your website uses — if you forget a character, it won't be available in the subsetted font. The live preview lets you verify that all your text renders correctly before downloading.
귀하의 프라이버시가 저희의 최우선 사항입니다
이 도구는 완전히 브라우저 내에서 실행됩니다. 파일은 서버로 업로드, 저장, 분석되지 않습니다.
- 파일을 업로드, 저장, 분석하지 않습니다.
- 처리하는 모든 것은 장치에 남습니다.
- 서버 측 처리, 클라우드 저장소, 분석이 없습니다.
인터넷 연결이 끊겨도 파일은 안전합니다.
이것도 좋아하실 수 있습니다
도움이 되는 가이드
Base64 텍스트를 안전하게 인코딩하고 디코딩하는 방법
Base64의 용도, 표준 Base64와 URL 안전 Base64의 차이, 브라우저에서 로컬로 인코딩/디코딩하는 방법을 알아보세요.
시간을 절약하는 10가지 무료 개발자 생산성 도구
비용을 들이지 않고 생산성을 높이는 최고의 무료 개발자 도구를 발견하세요. 코드 포맷터부터 API 테스터까지, 이 도구들은 워크플로우를 최적화할 것입니다.
텍스트 대소문자 변환 방법: camelCase, snake_case, Title Case 등
코드와 글쓰기에서 대소문자가 중요한 이유, 12가지 대소문자 스타일의 차이, 프로그래밍 규칙과 변환 방법을 알아보세요.
광고