Being a big fan of type (which designer isn't) I've always been partial to thin, lightweight, modern web fonts. These sans serif fonts add a feeling of sophistication to a design. And I believe that I’ve struck the perfect balance, in considering, look, legibility and size.
Here are some of the issues that popped up when choosing a font:
Weight - Font's can’t be anexoric, because they tend to break up and pixelate on screen. Conversely, they can't be too thick either, because then it makes the copy look heavy and the design clumsy. I also find that with thicker weighted fonts, it becomes harder to highlight certain key words, such as call-to-actions, and to invite a users attention to certain focal points in a paragraph. So I settled on a weight that was thin enough, too stay classy, as Ron Burgundy would’ve put it, but thick enough so that it would not break up and could be read easily.
Size - Fonts obviously cannot be too small either. But the tricky part here, is that text that is too large, makes a site look incredibly amateurish. I managed to settle on a size that balance the two quite well. I’ll also resist the urge to make any penis references. Oops.
So for these reasons, I settled on (drum roll) Open Sans Light, which looks great on the web (on desktops and mobile), at a display size of 16 pixels and a line height of 30 pixels. This was used throughout the site for most of the content in headings and body copy. I chose Raleway for the header image text and District Pro for a the footer. I then paired these with a Serif font - Georgia Italics, to add some emphasis and variety. Overall, all 4 dovetail pretty well.