Richard Rutter | Web Typography | CSS Day 2018

Web Conferences Amsterdam
2 HN recommenders · recommended in 4 months, 2018–2022
YouTube
4K views · 8 years ago · talk · intermediate · evergreen

Richard Rutter, co-founder of a design agency and a web font service, gives a 48-minute talk at CSS Day 2018 on web typography. It offers practical rules, such as using the default paragraph size and adjusting type size to reading distance, and a section on setting tables so they can be read.

HN people recommend it as an excellent, easy-to-follow set of typography guidelines whose advice, especially on tables, has not dated.

“I can recommend the table guidelines from this 2018 conference talk.”
TypographyWeb design
#webtypography#readability#tables#fontsize#cssday#richardrutter

4 comments from Hacker News

h
@hazelnut-tree2022 · in “Demystifying tables (cells inside; borders outside)”
"There's more common UX guidelines..." I can recommend the table guidelines from this 2018 conference talk. The advice has not dated and the presenter shows before-and-after examples of making tables easier to read. The section on tables starts at the 11.47 minute mark in the talk: Web Typography (2018) | Set tables to be read: ▶ this video
RecommendsView on HN
o
@open-source-ux2021 · in “Ask HN: What are the best typography talks?”
Talk: Web Typography (48mins) I can recommend this 2018 talk on tips for Web typography: ▶ this video The tips are: 1. Don't trust computers 2. Use the default font size for paragraph text 3. Adjust type size according to reading distance 4. Adjust the font size if the typeface requires it 5. Set tables to be read 6. Resize display text as you would an image 7. Reduce your playload 8. Optimise page render timing There is a lot more detail than suggested by the headings above. I found the talk informative and helpful. ------ Course: Typography for Developers (2hrs) This is not a talk, but a course. Treehouse (an online course provider) just recently posted a typography course on the freecodecamp YouTube channel. I've not watched the course so can't comment on whether it's good or not but it's aimed at developers: link
RecommendsView on HN
o
@open-source-ux2019 · in “Small guide to making nice tables [pdf]”
Yes, many of the rules do. Here is a presentation by Richard Rutter (co-founder of a design agency and an online font service) on Web Typography. The presentation includes advice on how to improvement table readability and appearance. Link to the segment on tables (approx 7 mins length): Set tables to be read ▶ this video
RecommendsView on HN
o
@open-source-ux2018 · in “It's all about typography”
"I found myself always struggling for a basic set of rules to make a decent reading experience" This is an excellent talk on web typography that I think you might find helpful. It includes a series of easy-to-follow guidelines to help improve web typography. If the pace of the talk is too slow, you can speed up the video: ▶ this video
RecommendsView on HN