Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm currently redesigning a website that uses a dark design. Using a dark design I know there some additional readability concerns which need to be looked at, and I've tried to cover all the angles. Its been recommended to use a sans-serif font for body copy, so I have opted for body text in Verdana at a 15px size with good line-height.

The problem I'm having is that I'm unsure on what to combine Verdana with for headings and navigation. I've been going round in circles as it seems like the recommended advice is to go with a serif headline. I do like some sans-serif fonts as well, but apparently you shouldn't have sans-serif body text and headline?

I've come up with some choices below, but I'm not sure if they are suitable:

Gill Sans or Gill Sans Light, Lora, Avenir LT Std Light, Liberation Serif, Century Gothic

Is there better recommendations? Thanks for any assistance!

share|improve this question

closed as primarily opinion-based by Scott, Darth_Vader, Yisela Mar 3 '14 at 22:00

Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise.If this question can be reworded to fit the rules in the help center, please edit the question.

What is the website about? What are the current fonts used? – OghmaOsiris Jan 26 '14 at 17:32
There's nothing inherently wrong with using sans for body and titles -- look at this very site. What might grate is using different sans faces for body and headlines. – Andrew Leach Jan 26 '14 at 18:38
1) just type in your CSS sans-serif - that will cover all angles. 2) avoid using font size defined in pixels - use percentage or em (stackexchange uses font size defined as 100%) 3) 15px is quite a huge font for a body text on website, it will be exhausting to read, especially if you have a lot of text. I wouldn't recommend going over 14px equivalent. – MarcinWolny Jan 27 '14 at 14:32