株式会社Brewusでは様々なサービス開発を行っていますが、今回はWebで作成したものを印刷物として出力することになり、改めてWebと印刷物の関係性について調べてみました。 大きく今回の課題になっているのが、10px以下のフォントサイズはブラウザ上サポートされず再現されないため、10pt以下をWeb上で設計し、印刷できるのか?という点になります。 まずは、DPI(ディーピーアイ)とPPI(ピーピーアイ)の違いをおさらい。 次に、PT(ポイント)とPX(ピクセル)の関係値の話、最後に、Webブラウザと印刷時の最小フォントサイズは何で作成すれば良いかを検証していきます。 【第1章】印刷物とディスプレイの単位の違い まずはDPIとPPIの違いについて DPI(Dots Pre Inch)は印刷物に使われる単位で、1インチ(2.54cm)内にいくつのドットがあるかを示す単位 PPI(Pixel P