Less Wrong is a community blog devoted to refining the art of human rationality. Please visit our About page for more information.

SaidAchmiz comments on LW 2.0 Strategic Overview - Less Wrong

47 Post author: Habryka 15 September 2017 03:00AM

You are viewing a comment permalink. View the original post to see all comments and the full post content.

Comments (294)

You are viewing a single comment's thread. Show more comments above.

Comment author: SaidAchmiz 18 September 2017 08:19:39AM *  2 points [-]

Update: I have a recommendation for you!

Take a look at this page: https://wiki.obormot.net/Reference/MerriweatherFontsDemo

The Merriweather and Merriweather Sans fonts (available for free via Google Fonts) are, as you can see, designed to be identical in width, line spacing, etc. They are quite interchangeable, in body text, UI, etc. Both are quite readable, and aesthetically pleasing.

(As a bonus, active on that page is a tiny bit of JavaScript trickery that sets different body text font weights depending on whether the client is running on a Mac, Windows, or Linux platform, to ensure that everyone sees basically the same thing, and enjoys equally good text readability, despite differences in text rendering engines. Take a look at the page source to see how it's done!)

UPDATE 2: A couple of mockups (linking to individual images because Imgur's zoom sucks otherwise). Be sure to zoom in on each image (i.e. view at full magnification):

LW 2.0 with Merriweather:

LW 2.0 with Merriweather Sans:

Comment author: Viliam 19 September 2017 10:39:33PM *  0 points [-]

When I compare the two examples, the second one feels "clear", while the first one feels "smudgy". I have to focus more to read the first one.

EDIT: Windows 10, Firefox 55.0.3, monitor 1920x1080 px

Comment author: SaidAchmiz 19 September 2017 11:00:54PM *  2 points [-]

1. OS (and version), browser (and version), device/display, etc.?

(General note: folks, please, please include this information whenever you say anything to a web designer/developer/etc. about how a website looks or works for you!!)

2. Great! If one of them feels clear, then this goes to show exactly what I was saying: user choice is good.