Jim의 TrueType QR 코드 폰트

1 hour ago 1

대괄호로 감싼 텍스트를 QR 코드로 바꾸는 TrueType/OpenType 폰트로, 이미지 생성 없이 문서 안에 QR 코드를 넣을 수 있음
변환은 폰트 내부의 OpenType 규칙이 처리하며, 대괄호 밖 텍스트는 일반 라틴 텍스트로 그대로 표시됨
QR 코드 블록도 텍스트로 남기 때문에 복사·붙여넣기, 평문 저장, 일반 문장과의 인라인 배치가 가능함
브라우저가 셰이핑 전에 줄바꿈을 결정하므로 공백·점·슬래시 같은 지점에서 QR 코드가 여러 줄로 쪼개질 수 있음
HTML에서 안정적으로 보이게 하려면 대괄호 블록을 white-space: nowrap; 또는 display: inline-block;가 적용된 컨테이너로 감싸야 함

폰트가 QR 코드를 만드는 방식

Jim's TrueType QR Code Font는 실제 TrueType/OpenType 폰트이며, [hello]처럼 입력한 대괄호 안 텍스트를 QR 코드로 렌더링함
QR 코드 생성은 폰트 안의 OpenType 규칙으로 처리되어 별도 이미지 생성이나 전처리 단계가 필요 없음
대괄호 밖의 텍스트는 읽을 수 있는 일반 라틴 텍스트로 남음
대괄호 안에는 출력 가능한 ASCII를 사용해야 함
폰트별 지원 길이는 다음과 같음
- QR Font 1-L: 블록당 최대 17자
- QR Font 2-L: 블록당 최대 32자
- QR Font 3-L: 블록당 최대 53자
- Plain Sans: QR 파싱 없음
일반 텍스트는 Liberation Sans에서 파생된 글꼴로 표시됨

텍스트로 남는 QR 코드와 표시 주의점

QR 코드가 텍스트로 유지되므로 렌더링된 QR 블록을 일반 문자처럼 복사·붙여넣기하거나, 평문으로 저장하거나, 라틴 텍스트와 인라인으로 섞을 수 있음
브라우저 레이아웃 엔진은 셰이핑 전에 유니코드 텍스트 기준으로 줄바꿈을 수행함
- 공백, 점, 슬래시처럼 줄바꿈 가능한 문자가 있고 텍스트 컨테이너 끝에 닿으면 QR 코드가 여러 줄로 나뉠 수 있음
- HTML에서는 대괄호 블록을 white-space: nowrap; 또는 display: inline-block; 스타일이 적용된 컨테이너로 감싸야 안정적으로 렌더링됨
다운로드와 소스

Read Entire Article