Check the font-weight Stupid

- by

font troubles on iOS Last night and this morning I was battling a minor but irritating problem with (I thought) Typekit font rendering in iOS. I was setting the headlines of this site in a number of fonts with condensed styles and they all looked as expected in Safari and Chrome on the desktop but when looking at the site on my iPhone or iPad they appeared to have a really heavy text-shadow. I took a screen shot and asked @typekit about the problem. I quickly received a response from @bdunzer pointing me to a StackOverflow question similar to my own.

The moral of the story is don’t forget h1, h2, h3, h4, h5, h6 have a browser default style of font-weight: bold.