Font Selection

A beginner's guide to web font selection

Open Google Fonts

As you can see below, there are many effects you can achieve through your choice of font. Often the heading font will be different from the body text. Links and captions may be a third type. That said, you want to make choices that blend harmoniously and do not add too many disparate elements. The body of the text should be easily readable, so try to limit the most special effects to shorter pieces like header lines where they will have maximum impact.

You can also add other text-related effects like shadow, drop letters, etc.


A Sample Text

Nulla varius quam quis purus pellentesque auctor. Suspendisse hendrerit finibus magna. Cras bibendum odio pretium sapien bibendum porta. Sed id massa faucibus, venenatis nulla vitae, volutpat lacus. Curabitur accumsan sapien risus, nec egestas justo laoreet sed. Donec in lorem odio. Suspendisse egestas porta sem eu varius. Suspendisse pharetra magna in scelerisque viverra. Curabitur molestie vitae lacus nec interdum.


Another Section

Fusce non neque vel tellus efficitur bibendum. Maecenas et nisl viverra, gravida libero id, ultrices mi. Vestibulum egestas condimentum vehicula. Vestibulum pretium sapien mi, vitae porta felis congue at. Etiam placerat et nulla at efficitur. Pellentesque placerat nunc ut sapien rutrum sodales. Duis sit amet quam justo. Nullam pharetra iaculis ipsum ut consequat. Fusce sodales imperdiet molestie. Proin at dignissim enim. Quisque lorem turpis, bibendum in vulputate ut, feugiat quis metus. Vivamus non ipsum arcu. Quisque quis mi quis neque congue mollis semper non quam.


Still More

Cras at dapibus est. Cras tincidunt justo non maximus sodales. Cras suscipit mauris libero, vitae imperdiet lectus finibus id. Nam condimentum leo sit amet lobortis iaculis. Curabitur enim erat, commodo id lacus in, lacinia hendrerit nunc. Pellentesque sapien sem, consequat sed enim ut, sodales congue risus. Vivamus suscipit porta vulputate. Vivamus ac ultricies enim, ut hendrerit massa. Nullam nec mi lacus. Duis id dictum mauris.


One Final Example

Suspendisse at velit rhoncus, ultricies justo ut, ultricies justo. Suspendisse sit amet ultrices turpis. Pellentesque luctus, tellus vel consequat gravida, eros lacus dignissim est, quis egestas justo dolor et lacus. Integer in auctor elit. Sed erat tellus, faucibus at eros et, aliquet pellentesque nunc. Etiam interdum eleifend accumsan. Donec neque ante, pulvinar eu ultrices ut, faucibus nec ante. Praesent eget ex vel nunc mollis rutrum. Proin et turpis vitae ante aliquam ornare in et turpis. Phasellus venenatis gravida dapibus. Aenean ac tincidunt orci. Donec laoreet, dui non rhoncus imperdiet, massa erat pharetra lorem, a ultricies sem nisl ut risus. Maecenas est ante, scelerisque sit amet volutpat sed, vestibulum ac ante. Morbi ornare volutpat eros eu ullamcorper.