How to Inspect CSS font-feature-settings Historical Katakana (hkat) in Safari Web Inspector

Pre-war Japanese literature, historical official treaties, and scholarly archives frequently require archaic phonetic katakana glyphs (such as historical forms of wi and we, ヰ and ヱ) that differ subtly in stroke balance and counter space from modern glyphs. The OpenType hkat (Historical Katakana) feature tag substitutes modern katakana with their classical orthographic equivalents. Safari Web Inspector provides native typographic tools to preview and audit historical katakana on macOS.

Typographical Role of Historical Katakana

In classical Meiji and Taisho era Japanese texts, variant katakana glyphs provided historical precision and period authenticity. Specifying font-feature-settings: "hkat" 1; activates Apple’s CoreText substitution routines, rendering historical katakana letterforms without altering modern underlying phonetic unicode text.

Configuring Historical Katakana in CSS

Implement historical katakana in your stylesheet:

.taisho-document {
  font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-feature-settings: "hkat" 1;
  font-variant-east-asian: historical-forms;
  line-height: 2.0;
}

Inspecting Features in Safari Web Inspector

  1. Open the webpage containing Japanese historical text in Safari.
  2. Right-click the target paragraph and choose Inspect Element.
  3. Switch to the Font tab in Web Inspector’s right pane.
  4. Locate Historical Katakana (hkat) under the Features list.
  5. Toggle the switch to observe live katakana 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.

Get the best tech tips delivered straight to your inbox.

Join thousands of readers mastering Apple, Google, Microsoft, and Linux.