Live data from Hacker News

Prac­ti­cal Ty­pog­ra­phy

practicaltypography.com

61–64 of 64 posts

Re: Prac­ti­cal Ty­pog­ra­phy

#61

Earlier quoted context omitted.

The system font stacks might look good on Apple and Google devices, with San Francisco and Roboto being great fonts. But Gnome's Cantarell for Linux and Segoe on Windows are both very ugly. Dalton Maags Ubuntu font OTOH is quite nice, kinda surprised it's not in the native stack.. The difference in experience between platforms is so great with the native stack that it indicates carelessness for users of platforms tha…

By utilizing the system font, you’re using a font that the user already spends time staring at for a significant portion of the time they spend interacting with that device. Presumably if they found that font ugly they’d change it, and in doing so your website would change as well.

Ironically, I haven't changed my system font on Linux because the majority of webpages load web fonts.

I did change my terminal to use Hack, however.

Re: Prac­ti­cal Ty­pog­ra­phy

#62
post #55
post #17

It took me a while to figure out that links in the text were ALL CAPS instead of underlined and/or blue. The hover effect was so subtle that I didn't notice it at first. I ended up hovering over acronyms pretty often, as I was never sure if those were also links. That is not good design. There's also the issue that while the site may look pretty, it requires downloading 5 megabytes of CSS. At every job I've had, desi…

I prefer when websites use "serif" or "sans-serif" (as opposed to "system font stacks") and respect my personal font choices. Sadly some people never change them from Times/New Roman and Arial.

That's probably also because Times and Arial are perfectly valid defaults.

Re: Prac­ti­cal Ty­pog­ra­phy

#63
post #35

Earlier quoted context omitted.

Respectfully dude, I clicked through to your sites because I was curious to see how you apply your own design advice. It seems that mostly, you don't. Your blog [1] even employs the monochrome, typo-centric style that Butterick seems to like. [1] https://geoff.greer.fm

What part of my own advice don't I follow? I don't use web fonts. I use a popular serif font (Baskerville[1], falling back to other serif fonts if the user lacks that). I use the default font weight so text isn't too thin. I use high contrast (#000 on #fff) for readability with dim screens or old eyes. Links are underlined to make them obvious in body text. My CSS is 4.7KB, though only 1.8KB is transferred because I…

Just nitpicking - Baskerville 95% people won't have. Even less people will have 'Hoefler Text'. So you end up with most people seeing Georgia - you should focus on that experience. For some reason with Georgia there is gigantic word spacing. Like you would need like word-spacing: -0.6em to get somehow cool. Not sure why it happens on site or if its Georgia.

I see you have gripe with designers but you have to understand few things

1. There is as many bad designers as there is bad programmers. Lot of the companies hire quite unexperienced designers because it sort of works out. Don't forget designers get lot less money then programmers so it might also mean that the quality people are programmers by now.

2. Designing graphics is mostly about putting yourself into someone elses shoes. Nobody else in company has to like the design, important is that your clients do and for that you can gather data. Often you would be suprised what people actually like.

3. I have read this https://geoff.greer.fm/2018/04/02/conserve-vectical-pixels/ and it seems like you want to have very functional approach to design. But you have to realize that function in visual communication is not straightforward. Its not about cramming most of data on page. Empty space is extremely functional element. It might not be so important for you but for most people it is. It establishes hiearchy and helps to rest your eyes. 95% time you are not designing Bloomberg Terminal but some interface people will see for the first time or maybe just from time to time. Things might seem to you super obvious because you spent so many hours with them but thats just not what most of the people get. And i am not even talking about their experiences with the computer itself.

Re: Prac­ti­cal Ty­pog­ra­phy

#64
post #19
post #18

Earlier quoted context omitted.

Don't ship icons as fonts either. SVG was made for a reason.

I agree that icon fonts are a hack, but the web is made of countless hacks. This specific one seems benign. Users won't notice or care whether you use icon fonts or images. Icon fonts are approximately the size of the equivalent images, they work alright across platforms, and they're pretty easy to use and deploy.

At least in Firefox, the user can enforce their font preferences and ignore the fonts specified by the web page. Icon fonts break that.
Post reply on HN