Hacker News Reader

Comment by jedberg | Hacker News Reader

This website is making my brain hurt. When I loaded it up, on my fairly wide monitor, it looked like this:

    N A T I O N A 
    
    L
    
    P A R K

You'd think a website by a typeface designer would not have this problem...

View on HN

I can't reproduce this at any window size on Firefox, Chrome or Edge on Windows 10. I can hardly fault a typeface designer for not being an expert web developer who can build a consistent user experience on every conceivable browser configuration.

Reproducible in Firefox 67 on macOS as well. "DOWNLOAD" is only in one line for very wide windows, and for my default half-screen-wide window size (960 px), the main body title renders as

NATIONA

PARK

Reproducible in Chrome. I have a portrait monitor set up, and it was where I default landed. That said, I think it's one of a very select set of perimeters that breaks it.

Now the "Download" at the top, he's got some explaining to do...

(Agree with your point about expert web dev. Someone who designs fonts =/ someone who designs websites. Totally different skills. Some people might do both, but assuming that would be rather bold)

I also agree, in that I don't expect a font designer to be a web dev. But I do expect a font designer to care about design, and this seems like a pretty egregious error for someone who cares about design.

This is in Safari. It's a pretty popular browser.

To reflect the snark right back: If you think Safari warrants primary support, ask Apple to provide ways to test in Safari without paying Apple for the privilege.

Microsoft got this one right when they released free Windows VMs for various combinations of Windows and IE versions.

Now, yes, it's fairly likely OP is already using macOS and they just didn't bother testing Safari, but if you want to be snarky about browser testing, be snarky to Apple first. They're intentionally making it difficult to test in Safari.

It happens in Safari, but only within a certain range of window width of about 50px.

Reply on news.ycombinator.com