Modern Japanese dense tables, financial reports, and compact mobile sidebars frequently combine JIS2004 kanji standards with quarter-width (0.25em) alphanumeric and punctuation metrics. The OpenType jp04 feature tag paired with qwid (Quarter-Width Alternates) allows web designers to format modern kanji while compressing punctuation and numbers into disciplined quarter-width em-boxes. Safari Web Inspector provides native typographic tools to preview and audit JIS04 quarter-width typography on macOS.
Typographical Role of JIS04 Quarter-Width Forms
In structured tabular layouts, standard full-width alphanumeric glyphs take up excessive horizontal space. Combining JIS2004 kanji with quarter-width characters preserves modern stroke accuracy while optimizing spatial density. Specifying font-feature-settings: "jp04" 1, "qwid" 1; activates Apple’s CoreText substitution routines without altering underlying text strings.
Configuring JIS04 Quarter-Width Forms in CSS
Implement JIS04 quarter-width typography in your stylesheet:
.compact-quarter-table {
font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
font-feature-settings: "jp04" 1, "qwid" 1;
font-variant-east-asian: jis04 proportional-width;
letter-spacing: -0.01em;
}Inspecting Features in Safari Web Inspector
- Open the webpage containing modern Japanese typography in Safari.
- Right-click the target table cell and choose Inspect Element.
- Switch to the Font tab in Web Inspector’s right pane.
- Locate JIS2004 Forms (jp04) and Quarter-Width Alternates (qwid) under the Features list.
- Toggle the switches to observe live glyph compression and stroke alterations rendered by CoreText across the character sequence.
Accessible Semantic Text Integrity
Because OpenType substitutions operate exclusively at the graphic layout layer, the accessibility tree retains standard semantic text representation, ensuring optimal search indexing and screen reader performance.