Web fonts are the ideal medium for responsive typography, as they are based on freely scalable vector graphics. When a webpage that uses web fonts is loading, the fonts are downloaded from a server and subsequently converted for display in the user’s browser. This allows the font to adjust to the size and settings of the browser or device.
A quick glance at the search engine results will reveal a great number of online platforms, all of which offer an diverse assortment of responsive web fonts available to download – some free, some fee-based. Some of the best-known font providers include Typekit and Fontspring, both of which boast a great selection of well-known fonts, including all the classics. You can also make use of the diverse range of free web fonts on offer, such as those offered by Google Fonts, Adobe Edge Web Fonts, Font Squirrel and DaFont.
However, not all the fonts available on these resources are suitable for general use; for example, wacky and whimsical designs should be limited to titles and headlines. You should also be aware that the range of characters vary widely from font to font. This is of particular significance for those who need to use special characters such as symbols and accented letters. For this reason, it’s crucial to ensure your responsive web design includes a font that meets your requirements. Read on to discover some examples of the most versatile Google Fonts.