On anchor tags, the new safari leaves space around descenders when text is underlined.
It's been in there for a while, I think it might be system wide in Mavericks. I noticed it while making mockups focussed on accessibility in Sketch.
You might be interested in text-decoration-skip too. No clue what it's support is like at the moment.
Nope, it's not on Mavericks. It's new to Yosemite, or at least, Safari 7.1, and possibly the WebKit Nightlies.
Oh you're right. Apologies for that.
I had a conversation about this on a forum 75 days ago, and reading that thread I'm talking about it working in safari but my only screenshot is from Sketch.
Looking at it now it there certainly is no support for it in Mavericks (outside of Sketch that i can find), even when I explicitly declare it in a stylesheet for Safari 7.0.6 . I don't use the nightlies so I wonder if it was in for one update and then removed.
Or if i'm tripping.
Either way this is an interesting writeup about it from Medium designer, Marcin Wichary:
No sweat, buddy.
Regarding the declaring property: I don't think that's a visible, overridable property in CSS.
Regarding the medium thing: I found that I prefer Safari's rendering over Medium's because their's doesn't clear for descenders.
I don't use beta OS X or Safari and I have seen underlines on every website just like this for a while.
I haven't seen that behavior on any other browser before Yosemite was released.
What browser are you using?
Sorry for the delay, it was Safari on Mavericks.
This is beautiful.
I've been doing this on pen and paper for years!
This is in iOS too.
I've been using a combination of text shadow and stroke to achieve this for a while. I'm glad it's becoming more ubiquitous.
This is huge for me, I remember reading this while ago:https://medium.com/designing-medium/crafting-link-underlines-on-medium-7c03a9274f9, very inspirational and typography really matters
With SmartUnderline (https://eager.io/showcase/SmartUnderline/?utm_source=designer_news), any website can get this look in ANY modern browser.