Font Styles

Introduction

The point of this website, is to demonstrate the different types of fonts available online. For each paragraph will show the same paragraph, but shown with a different font style, identified with the heading saying what kind it is.

The font "Abel" is an example of a serif font.

The font "Abril+Fatface" is an example of a sans-serif font.

The font "Special+Elite" is an example of a monospace font.

The font "Parisienne" is an example of a cursive font from Google fonts.

Abel, serif

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae velit vel dui viverra congue at a erat. Morbi mauris diam, efficitur non imperdiet ac, rhoncus et lacus. Curabitur ac urna at quam faucibus hendrerit. Ut pellentesque ligula sit amet aliquam tristique. Curabitur sed nunc sed lacus hendrerit tempor nec non ex. Fusce aliquam varius neque. Proin elementum quis est eget cursus. Donec at vestibulum mauris. Pellentesque non dolor vulputate, ultricies arcu id, tempor elit. Curabitur at lacus ipsum. Sed nec posuere felis. Maecenas congue blandit tellus, vel suscipit lacus pharetra quis. Praesent ut ipsum hendrerit, hendrerit dui in, ullamcorper felis. Curabitur metus libero, sodales in ligula a, maximus finibus tellus. Maecenas hendrerit sit amet ligula ut tempor.

Abril+Fatface, sans-serif

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae velit vel dui viverra congue at a erat. Morbi mauris diam, efficitur non imperdiet ac, rhoncus et lacus. Curabitur ac urna at quam faucibus hendrerit. Ut pellentesque ligula sit amet aliquam tristique. Curabitur sed nunc sed lacus hendrerit tempor nec non ex. Fusce aliquam varius neque. Proin elementum quis est eget cursus. Donec at vestibulum mauris. Pellentesque non dolor vulputate, ultricies arcu id, tempor elit. Curabitur at lacus ipsum. Sed nec posuere felis. Maecenas congue blandit tellus, vel suscipit lacus pharetra quis. Praesent ut ipsum hendrerit, hendrerit dui in, ullamcorper felis. Curabitur metus libero, sodales in ligula a, maximus finibus tellus. Maecenas hendrerit sit amet ligula ut tempor.

Special+Elite, monospace

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae velit vel dui viverra congue at a erat. Morbi mauris diam, efficitur non imperdiet ac, rhoncus et lacus. Curabitur ac urna at quam faucibus hendrerit. Ut pellentesque ligula sit amet aliquam tristique. Curabitur sed nunc sed lacus hendrerit tempor nec non ex. Fusce aliquam varius neque. Proin elementum quis est eget cursus. Donec at vestibulum mauris. Pellentesque non dolor vulputate, ultricies arcu id, tempor elit. Curabitur at lacus ipsum. Sed nec posuere felis. Maecenas congue blandit tellus, vel suscipit lacus pharetra quis. Praesent ut ipsum hendrerit, hendrerit dui in, ullamcorper felis. Curabitur metus libero, sodales in ligula a, maximus finibus tellus. Maecenas hendrerit sit amet ligula ut tempor.

Parisienne, cursive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae velit vel dui viverra congue at a erat. Morbi mauris diam, efficitur non imperdiet ac, rhoncus et lacus. Curabitur ac urna at quam faucibus hendrerit. Ut pellentesque ligula sit amet aliquam tristique. Curabitur sed nunc sed lacus hendrerit tempor nec non ex. Fusce aliquam varius neque. Proin elementum quis est eget cursus. Donec at vestibulum mauris. Pellentesque non dolor vulputate, ultricies arcu id, tempor elit. Curabitur at lacus ipsum. Sed nec posuere felis. Maecenas congue blandit tellus, vel suscipit lacus pharetra quis. Praesent ut ipsum hendrerit, hendrerit dui in, ullamcorper felis. Curabitur metus libero, sodales in ligula a, maximus finibus tellus. Maecenas hendrerit sit amet ligula ut tempor.

Author: Yoshiyuki Tanaka   Validate: html5 css3   Welcome! You are visitor .