kennethormandy/normalize-opentype.css

Use tabular numerals for phone numbers?

Open

#11 opened on Jul 24, 2014

View on GitHub
 (2 comments) (0 reactions) (0 assignees)HTML (797 stars) (29 forks)batch import
enhancementhelp wantedquestion

Description

I realised it would be possible to use different numeral sets for phone numbers (and possibly other things) in certain context. For example, in a paragraph you might want a phone number with old-style numerals:

screen shot 2014-07-24 at 3 44 32

But in most other situations you’d probably prefer tabular numerals:

screen shot 2014-07-24 at 3 45 47

I’m undecided if this within the scope of this reset. Probably my biggest deterrent is that it would use a less-than-popular selector:

a[href^="tel:"] {
  font-feature-settings: "tnum" 1, "pnum" 1, "kern" 1; /* Etc. */
}

This particular feature might be better saved for a “Going beyond Normalize-OpenType.css” set of examples, which could include the features you need to have an opinion on to use, like stylistic sets. I’m pretty open to opinions on it.

Contributor guide

Tech stack
csshtml
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
CSSunderstanding of OpenType features
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Examine the normalize opentype.css file to see how other OpenType features are implemented. Review the comments on this issue for maintainer feedback (e.g., whether this feature is within scope). If accepted, add a CSS rule using the a[href^="tel:"] selector to apply font feature settings for tabular numerals (tnum) and proportional numerals (pnum). Consider if this rule should be part of the main reset or a separate extension.