DEV Community

Ben Halpern
Ben Halpern Subscriber

Posted on

Considering changing to sans-serif for post body

Early on with this site, I made the decision to go with the serif font for the post's body. I thought it was a good look for a lot of articles, and also implicitly positioned ourselves as a viable Medium alternative.

But a lot of types of content really look bad with this font choice, and a sans-serif, similar to the comments, makes more sense in our opinion.

This is a one-line change, but not something we'd make lightly because these are your posts and we don't want to catch people off guard.

How do folks feel about this?

Latest comments (40)

Collapse
 
eerk profile image
eerk

When a piece of body text has a large enough font, and lots of breathing room around it )like the text above, and like the text on Medium), I think serif works quite well. It feels more peaceful, like reading a book, you will take the time to read it.

Sans serif works better for UI elements, small text, or just when you have a lot of content that the user has to browse through as fast as possible.

Collapse
 
mortoray profile image
edA‑qa mort‑ora‑y

I like serif fonts for online content. I find them more pleasing to read. The non-serif ones look cheaper, less formal -- like a chat site and not an article site.

Collapse
 
cannikin profile image
Rob Cameron • Edited

Why not go hardcore/meta and make it monospaced? ;) Fira Mono is the place to be these days!

Collapse
 
cannikin profile image
Rob Cameron

Ooo, there's also Fira Sans. It'd be nice to go with something other than Helvetica...start to give the site its own unique feel.

Collapse
 
pgsil profile image
Pedro GonΓ§alves

Are you just going to do system-default sans-serif or are you investigating alternative webfonts? Roboto and Open Sans are great, and it'd be interesting to at least check them out!

Collapse
 
ben profile image
Ben Halpern • Edited

This is our current font stack:

font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

All system fonts with various fallbacks, all the way down to sans-serif. We'd rather avoid using webfonts for performance purposes, but it's all on the table in one way or another.

Collapse
 
pgsil profile image
Pedro GonΓ§alves

Yeah, I absolutely understand your performance concerns. In a pretty much text-only site, however, I wouldn't blame you guys for using a webfont.

The only reason why I'd go as far as to suggest webfonts is because I personally really don't dig Arial, which is probably what it'll fall back to on Windows 😬

Collapse
 
danielescoz profile image
Daniel Escoz

PLEASE

Collapse
 
backendandbbq profile image
Viach Kakovskyi

Good idea!

Interesting, that I implemented these this week because someone sent me the link.

Collapse
 
huytd profile image
Huy Tr.

I'm ok with any font but it would be great if we can consider monospace, Source Code Pro ftw!!! jk

Oh, and by the way, MathJax support is a good thing to consider as well.

Collapse
 
kellyjandrews profile image
Kelly Andrews

So the comments are san-serif already. Which has a weird vibe to me.

I'd say do the san-serif throughout.

Collapse
 
lynnetye profile image
Lynne Tye • Edited

I personally find sans serif to be more readable, but reading the comments here are really interesting! It's not an obvious choice.

While it'd be "cool" to give authors the option, you probably shouldn't for branding/consistency purposes. I trust whatever you decide, as long as it's not Papyrus πŸ˜‚

Collapse
 
ben profile image
Ben Halpern

Lol, yeah this thread has been really eye-opening. We can't be so democratic about every single change, but I had a feeling this might strike a chord. I'm fascinated by the proposals to give readers the option. It's a slippery slope into configuration hell, but I think it's actually a pretty neat idea.

Collapse
 
lynnetye profile image
Lynne Tye

Oooooooh! That's fancy. I like it.

Collapse
 
val_baca profile image
Valentin Baca

Why not a have a user-set preference?

If an article writer sets a particular font, then use that. Otherwise, unset text uses the preference.

I think overall web trends have been moving toward sans serif, but I know many people have strong preference.