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!