CHIAKI LETTERPRESS WORKS

TYPE SPECIMEN · LETTERPRESS FOR THE WEB

SPECIMEN OF CHINESE TYPE

活字見本

Double Pica.

Double Small Pica.

Two-line Brevier.

西

Three-line Diamond.

Small Pica.

Brevier.

SPECIMEN OF FACES

書体見本

I.Ming · 明體 · 開源自架

 

Rixing Song No.2 · 宋體 · justfont

 

Source Han Sans · 黑體 · justfont

 

Lanyang Hei · 超黑 · justfont

 

SETTING

縦組と横組

インクの強さ

1.0

傾きの強さ

1.0

インクの濃淡

1.0

中文縦組

滿

中文横組

滿

欧文横組

On Movable Type

A sort is a small block of metal. Face up, locked into the forme, one against the next, with thin strips of lead between the lines to hold them apart.

The forme goes on the press, takes ink, and meets the paper. The pressure drives the face into the fibre, and you can feel the bite with a fingertip.

The ink never lands evenly. One letter comes up full and black, the next takes less and goes thin along one side of the stroke.

Type wears out. An old sort prints with a corner missing; a fresh one prints too dark, and the page is never quite level.

Nor is the compositor a ruler. Every piece sits a fraction off, and read as a paragraph the letters are alive and the lines lean.

Photocomposition tidied all of this away even spacing, even colour, clean edges. Cleaner, and colder.

This package writes those accidents back in: the fibre of the paper, the weight of the ink, the lean and the chipped corner.

SET YOUR OWN

試し組み

組方向

級数

書体

書き出し

行送り

1.50em

字間

0.00em

インクの強さ

1.0

傾きの強さ

1.0

インクの濃淡

1.0

組版は入力欄を離れてから —— 字ごとに分解するため、入力中に行うと変換が壊れます。 入力欄は右下をドラッグして大きさを変えられます。

Webfont サービスは emfont 提供

USAGE

使い方

フレームワークなし

import { mount, redact } from 'kappan'

const dispose = mount({ typeFamily: "'I.Ming', serif" })
document.querySelectorAll('.sg').forEach(redact)

React

import { LetterpressStyles, LetterpressFilters, Redacted } from 'kappan/react'

<div className="lp">
  <LetterpressStyles typeFamily="'I.Ming', serif" />
  <LetterpressFilters />

  <i className="lp-fibre" /><i className="lp-grain" />

  {/* 豎排加 .lp-v,橫排拿掉就好 */}
  <p className="sg lp-v lp-typed"><Redacted text="常世通信 ███ 第一號" /></p>
</div>

BEFORE YOU USE IT

使う前に

01

justfont webfont

02

03

Safari

 

Type set in I.Ming 一點明體 · IPA Font License 1.0