Widely available YES。主要ブラウザで広く対応済み。本番利用を推奨。

Q unit

Qは「quarter-millimeter（4分の1ミリメートル）」を表すCSS絶対長さ単位で、1Qは0.25mmに等しく、1cmの1/40に相当します。物理的な寸法に正確にアンカーされているため、印刷メディアでの精密なレイアウトに適しています。特に日本の組版規格（JIS）に準拠したタイポグラフィ設定で広く使用される単位です。

単位絶対長

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
css.types.length.Q
63
79
49
13.1
63
13.4
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

CSS 
body {
  font-size: 56Q; /* Equivalent to 14px */
  letter-spacing: 1Q;
}

ライブデモ

56Q（≈14px）

CSS 56Q(≈14px) demo.

プレビュー全画面表示

64Q（≈16px）

CSS 64Q(≈16px) demo.

プレビュー全画面表示

characterbetween 1Q

CSS characterbetween 1Q demo.

プレビュー全画面表示

実務での使いどころ

  • 印刷向け精密タイポグラフィ

    日本語組版の規格に基づいた文字サイズや文字間隔の設定に、物理単位として使用します。

注意点

  • 画面表示では物理単位がディスプレイのDPIに依存するため、レスポンシブデザインにはemやremの使用を推奨します。

アクセシビリティ

  • 絶対単位を使用するとユーザーのフォントサイズ設定が反映されないため、本文テキストにはremやemの使用を検討してください。

参考リンク