인쇄물 기준 문자 조판을 웹에서 구현. 일본디자인센터의 iOS용 조판 엔진을 JavaScript로 이식 | non-standard world

“일본디자인센터가 공개한 iOS용 문자조판 엔진 'stone engine'을 JavaScript로 이식한 'stone-engine.js'가 오픈소스로 무료 공개됐다. 이를 통해 모던 JS 프레임워크 환경에서도 인쇄물 수준의 일본어 조판, 세로쓰기(縦書き), 금칙 처리(禁則処理), 문자詰め가 가능해졌다. 세로쓰기와 세로중횡(2자리 이하는 정립, 3자리 이상 숫자와 영문은 90도 회전), 약물(約物) 반각 조정, 문자종별 폰트·스케일 지정, 문자 정렬(행두·중앙·행말·균등), 대시·리더·인용부호, 말줄임표, 링크·장식, 문자별 위치·사각형·행번호 추출 등을 지원하며 이미 자사 서비스 'atelier yori.so'에 적용됐다.”

AI 요약

일본 디자인센터가 공개한 iOS용 문자조판 엔진 "stone engine"을 JavaScript로 이식한 "stone-engine.js"가 오픈소스로 무료 공개되었다. 이를 통해 모던 JS 프레임워크 환경에서도 인쇄물 수준의 일본어 조판, 세로쓰기, 금칙 처리, 문자詰め(자간 조정)가 가능해졌다. 한 줄 명령으로 도입 가능하며, 이미 자사 사이트와 서비스 "atelier yori.so"에 활용 중이다.

핵심 포인트

  • 세로쓰기(tbRl) 및 세로중횡 지원: 2자리 이하 숫자는 정립, 3자리 이상 숫자와 영문은 90도 회전
  • 강한 금칙 처리(CSS line-break: strict 상당): 행두/행말에 조점·괄호·장음·소문자 가나 배치 금지
  • 약물(約物) 조정 3가지 모드: whole(항상 전각), half(항상 반각), stone(전후 관계 판단, 기본값)
  • 문자종별 폰트·스케일 지정, 문자 정렬(행두/중앙/행말/균등), 링크·장식(색상/밑줄/취소선/굵게/기울임) 지원

향후 전망

  • 웹에서 인쇄물 수준의 일본어 조판이 가능해져 디지털 출판·웹 디자인 품질 향상 기대
  • SVG 기반 문자 단위 렌더링으로 레이아웃 정보 접근 및 커스터마이징 확장 가능성
Share

이것도 읽어보세요

댓글

이 소식에 대한 의견을 자유롭게 남겨주세요.

댓글 (0)

불러오는 중...