유니코드 범위 생성기
무료 온라인 서비스 유니코드 범위 생성기 설치가 필요 없는 도구
Unicode 범위 생성기 소개
Unicode 범위 생성기는 @font-face 규칙용 CSS unicode-range 값을 만들어, 웹 폰트가 어떤 문자를 다루는지 브라우저에 알려줍니다. 필요한 코드 포인트 범위를 추가하거나 내장 프리셋을 사용하고, 완성된 선언을 복사해 사이트에서 사용하는 문자만 로드하세요.
사용 방법
1. 프리셋(라틴, 키릴, CJK, 아랍 등)을 클릭하거나 직접 범위를 추가합니다 2. 사용자 지정 범위의 경우 시작과 끝을 16진수 코드 포인트로 입력합니다(예: 0000–007F) 3. 선택적으로 각 범위에 설명을 붙입니다 4. CSS 출력이 실시간으로 갱신됩니다 5. 복사를 클릭해 unicode-range 선언을 복사합니다
팁과 모범 사례
코드 포인트는 U+ 접두사 없이 16진수로 씁니다(접두사는 도구가 자동으로 붙입니다). unicode-range를 지정하면 브라우저가 페이지에서 실제로 쓰이는 문자의 폰트 파일만 다운로드하므로 다국어 사이트 성능이 좋아집니다. 여러 범위를 조합하면 자동으로 쉼표로 연결됩니다.
▶unicode-range는 무엇에 쓰이나요?
@font-face 규칙의 일부로, 폰트 파일에 포함된 코드 포인트를 나열합니다. 브라우저는 이를 통해 문자마다 올바른 폰트 파일을 선택하고 필요한 파일만 다운로드하므로 언어별 서브셋을 제공할 수 있습니다.
▶코드 포인트는 어떻게 쓰나요?
U+ 접두사 없이 16진수 값으로 씁니다(예: 0041은 'A'). 범위의 경우 시작과 끝을 줍니다. U+ 접두사와 하이픈은 도구가 자동으로 추가합니다.
▶어떤 프리셋이 있나요?
일반적인 문자 범위: 기본 라틴, 라틴 확장, 키릴, CJK 통합 한자, 아랍어입니다. 모두 선택으로 모든 프리셋을 한 번에 추가할 수 있습니다.
▶범위 대신 단일 코드 포인트를 포함할 수 있나요?
네. 시작 필드만 채우고 끝을 비워두면 해당 한 글자에 대해 단일 U+XXXX 항목이 출력됩니다.
▶내 데이터가 다른 곳으로 전송되나요?
아니요. CSS는 브라우저에서 완전히 생성되며 서버로 업로드되지 않습니다.
이 도구가 당신에게 도움이 되었다면, 저에게 커피 한 잔 사주세요.
제게 커피 한 잔 사주세요.