Lately I’ve been thinking about formatting phone numbers. Of course, there are plenty of options in addition to the ones above, but these are some common ones, although the thin spaces option is perhaps not too common. I added it because I’ve been wondering about the value of the separator characters, and if we can just not use them in favor of a little white space.
Here is some of the thinking.
The conventional formatting of (123) 456-7890 will obviously be a phone number to most Americans.
I’m no fan of the dashes.
I’m okay with the periods. However, are they needed?
Which led me to try the version with thin spaces between each set of digits.
I like the thin spaces, but I don’t dislike the conventional version. So, for obviousness, I lean towards the convention. For aesthetic, I lean towards the thin spaces.
But part of the decision of which approach to go with will depend upon the context. For instance, is the phone number labeled with an obvious word like Telephone or Phone? If so, I might opt for the thin spaces version.
However, if the context is unclear, say in the absence of clear cues about what that number is, the conventional approach would be best. Otherwise, the number could be misinterpreted as some other number, or it might simply take the reader too much mental effort to recognize it as a phone number. No need for that sort of rudeness.
Clearly, this is all just my opinion. Do you have a preference for how phone numbers ought to be styled?
There’s a trick to getting small-caps to work on the web, and it’s counter-intuitive.
Let’s say you had an abbreviation, like CSS, that you wanted to put into small-caps, say with a little extra tracking. You might think you could use the CSS property font-variant: small-caps, and you’d be good to go. Not so.
Here’s why. Because for small-caps to work, you need to start with lowercase letters.
However, when you’re simply typing your thoughts out before you’ve decided on small-caps for abbreviations, acronyms, etc., you probably typed those abbreviations in uppercase.
I was on the phone with Adam and interrupted him because I noticed a commercial that switched fonts from Helvetica Bold in the middle of the spot to Arial Bold in the closing frames. The fonts are so similar that they really shouldn’t have switched. It was probably an oversight, but I was startled by it.
Anyway, Adam commented that it’s crazy I noticed the difference. So, here’s an image to show why it isn’t crazy to notice the difference between the two.
The giveaway for me is the capital letter R. Helvetica’s capital R has some nice curves on the leg of the R, compared to Arial’s fairly angular stroke. I really like Helvetica’s.