Optimizing text for small screens
Have you ever opened a website on a mobile phone and found it completely impossible to read the text because it's so small? Or, have you ever opened a mobile version of a site and found the text so big that you're constantly scrolling down the page? Perhaps you've had experience of trying to read text that used a fancy font and wasn't very easy to read.
This is why it's so important to ensure that the text in our site is easy to read. Things we need to consider when making the text more legible include:
Size: The text should be large enough to be read comfortably on small screen sizes and should resize appropriately when the device is turned into a different orientation.
Font: It should be easy to read and render well on a mobile screen.
Consistency: The changes to fonts or text sizes should affect the entire site. Some changes will need to be carried through to all parts of the page, such as the header and footer, while other changes may not, for example to...
