I am building a website whose major purpose is to serve content (legislature) and I want to give best reading experience to users. You can take a look at the example page at:
As you can see, I have stripped everything that At the moment I am using Telex webfont. I also have an option for night reading that should reduce glare:
I wonder what I should consider about the font that I choose to ensure it is legible, if there is any guide to adhere to?
Actually there are some pretty simple principles if your number one criteria is a high-readability font for a website.
@font-faceyou could choose from thousands and thousands of fonts - but less popular or newer fonts often have rendering issues between browsers and operating systems, sometimes even when they come from respectable foundaries. If readability is your priority, and you don't want to do massive amounts of cross browser cross OS testing, you may want to play it safe and use a trusty, tried and tested font. The old web-safe fonts like
Georgiaare safe bets since they're so widely used, they will have been tested even in rarer browser/OS setups. Plus, familiarity aids readability.
Georgia, use as much as possible of their pixels for the x-height where the key details of a letter are, and use minimal pixels on ascenders or descenders where a one or two pixel bump is enough to easily tell a
There are plenty of fonts that meet these criteria other than
Georgia, of course, and these two are sometimes considered a bit boring because up until 2009 or so when @fontface became widely used they were been the go-to fonts for much of the web.
But you really can't go wrong with them - they were designed for web readability, and every browser and operating system combination will have been tested to display them well.
Edit: When webtype sellers and foundaries do go to the trouble of testing for good readability, they're likely to shout about it in their marketing. For example, the webtype "Reading Edge" series (hat tip to Chris Burton who mentioned this here). Still, do test widely.