읽기 위한 조판¶
읽기 전에 페이지 구조가 보여야 한다. 뚜렷한 제목, 차분한 탐색 열, 적절한 본문 너비가 핵심이다. 색은 관계나 동작을 표시하며 의미를 혼자 전달하지 않는다.
웹 페이지¶
맞춤 레이아웃은 프로젝트 탐색, 본문, 페이지 개요 세 영역이다. 작은 화면은 탐색 서랍을 쓴다. Libertinus Serif와 Sans를 포함하며 제목은 굵은 세리프, 탐색·레이블·컨트롤은 산세리프를 쓴다. 압축 WOFF2를 사이트가 제공하므로 글꼴 서비스 요청은 없다.
기본은 밝은 테마다. 어두운 테마와 시스템 모드도 제공하며 같은 출처에서 선택을 기억한다. 시스템 모드는 운영체제를 따른다. HTML 인쇄는 밝은 색이다. JavaScript가 없어도 내용과 탐색은 사용 가능하며 테마와 향상된 검색은 점진적 향상이다.
영어 본문은 브라우저에서도 문단 전체의 Knuth–Plass 줄바꿈을 쓸 수 있다. 작은 스크립트가 글꼴을 측정해 박스, 공백, 하이픈 벌점을 만들고 문단 전체의 줄바꿈을 고른다. Frank Liang 패턴 방식이 영어 후보를 제공하며 원래 TeX 패턴과 라이선스를 포함한다.
강조와 원문을 유지하며 본문 너비가 바뀌면 다시 계산한다. 최적화한 한 문단 안에서 복사하면 시각적 줄바꿈이나 추가 하이픈 없는 원문을 얻는다. 인쇄 시 일반 문단으로 복원해 인쇄 레이아웃이 페이지를 나눈다.
링크, 수식, 코드, 상호작용, 좁은 너비, 다른 언어는 브라우저 기본 레이아웃을 쓴다. 적절한 간격 해가 없는 문단도 같다. JavaScript가 없어도 읽을 수 있다. 대체 방식은 언어별 hyphens: auto와 text-wrap: pretty지만 CSS만으로 Knuth–Plass 최적화를 보장하지 않는다.
PDF 페이지¶
책 템플릿도 Libertinus를 사용해 양쪽 정렬, 최적 줄바꿈, 언어별 하이픈을 설정한다. 간격, 머리글, 캡션, 코드 블록, 표 선도 제어한다. 글꼴, 하이픈 비용, 문단 너비가 함께 작용한다. 느슨한 문단을 강제 줄바꿈으로 고치는 것은 대개 적절하지 않다.
Typst는 PDF 문단을, 웹 향상은 해당 본문을 최적화한다. 소스·글꼴·시각 계층은 같지만 줄바꿈은 다를 수 있다. Typst 텍스트 계약과 브라우저 하이픈 계약을 참고한다.
디자인 바꾸기¶
시각 토큰은 _static/editorial.css, 구조는 _templates/layout.html, 인쇄는 _templates/book.typ를 편집한다. 읽기 순서, 초점 표시, 레이블, 충분한 대비를 유지한다.
수정 뒤 두 대상을 빌드하고 코드·표·그림·수식 페이지를 확인한다. 아름다운 표지가 책 전체의 품질을 증명하지 않는다. 전체 템플릿 계약은 템플릿, API는 API Reference와 같은 PDF 책에 있다.