12 Stylish Web Fonts To Use On Any Kind Of Website

In this article, I thought it would be super helpful to share with you 12 stylish fonts that you can use on any kind of website. The fonts that I’ll be sharing with you are used amongst many web designers, time and time again on many popular websites.

Sans-Serif Fonts

1. Source Sans Pro

As Adobe’s first Open Source font, Souce Sans pro is the perfect font to use for most websites. It’s modern, trendy yet simple enough that it doesn’t overshadow other content on a website. This font is perfect for user interfaces. On the web: Buzzfeed
Source Sans Pro

2. Open Sans

This font is perfect for use both online and for print. Its also been optimized for mobile which makes it the perfect font if you want to use this font for more than one medium. On the web: WordPress

3. Roboto

Roboto is a font designed with both geometirc angles and smooth curves making it an interesting font. Roboto is the recommended font for Google’s Material design and is used on Google’s Chrome and Android OS. On the web: YouTube
Roboto

4. Lato

Lato is the kind of font that can be used as the sole font on a website. By using a combination of its light and heavier font weights, Lato has the ability to blend in as body text, yet uniquely stand out as a bold heading or title on a page. On the web: Taringa!
Lato

5. PT Sans

This sans-serif font was designed with beautiful curves and would make a great heading font, yet is transparent enough to be used as body text. It’s worth noting that PT Sans is based on Russian sans serif types of the second part of the 20th century. Pretty cool! On the web: PayPal
PT Sans

6. Proxima Nova

This is the kind of font that can really turn a basic website into a totally trendy, modern and stylish website, no matter the font weight used. On the web: Instructure.com
Proxima Nova

Serif Fonts

7. Caslon

Caslon is considered the first original English typeface and will make the perfect ‘classic’ serif font on any website. On the web: The New Yorker
Calson

8. Garamond

Garamond is considered to be distinctive representations of French Renaissance style; easily recognizable by their elegance and readability. On the web: Boston.com
Garamond

9. FF Tisa

This font is ideal for use in ads, book text, logos, small text, and on the web. On the web: Wired
FF Tisa

10. Lora

Lora has roots in calligraphy which makes its visible brushed curves contrasting its driving serifs. This font looks good on screen and for print. On the web: The Kitchn
Lora

11. Droid Serif

This font was designed for comfortable reading on screen. It was also designed to maximize the amount of text displayed on small screens. On the web: Study
Droid Serif

12. Georgia

Georgia is intended to appear elegant but legible on printed materials or on low-resolution screens. On the web: Yahoo
Georgia

Leave a Reply

Your email address will not be published. Required fields are marked *

More On XO PIXEL