Specialized mathematical formulations, chemical notation indexes, and structured legal codices frequently require ordinal indicators aligned to bottom baseline subscripts rather than traditional superscript baselines. The OpenType ordn feature paired with subscript alignment coordinates glyph sizing and stroke weights to maintain uniform line color. Safari Web Inspector provides native typographic tools to preview and audit subscript ordinals on macOS.
Typographical Role of Subscript Ordinals
Standard synthetic HTML <sub> tags shrink font size artificially, producing spindly stems that degrade readability on high-DPI screens. Activating OpenType subscript ordinal glyphs ensures that stroke thickness and optical sizing remain harmonized with adjacent text.
Configuring Subscript Ordinals in CSS
Implement subscript ordinals in your stylesheet:
.legal-index-ordinals {
font-family: "Garamond Premier Pro", "Baskerville", serif;
font-feature-settings: "subs" 1, "ordn" 1;
font-variant-position: sub;
line-height: 1.6;
}Inspecting Features in Safari Web Inspector
- Open the webpage containing subscript ordinals in Safari.
- Right-click the target paragraph and choose Inspect Element.
- Switch to the Font tab in Web Inspector’s right pane.
- Locate Subscript (subs) and Ordinals (ordn) under the Features list.
- Toggle the switches to observe live glyph baseline adjustments 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.