28 Modern Fonts for Use in Web Projects

by Jake Rocheleau

on July 16, 2012

in Resources

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

CSS3 media queries allow web developers to include font stacks with .otf and .ttf files. You can get these fonts rendering properly in all modern-day browsers. But even without coding HTML/CSS you can still design some creative works inside Adobe Photoshop or Illustrator.

I put together this collection of 28 realistic and modern web fonts you can work with on newer projects. These are perfect for logos, sidebar ads, and smaller headers or banner text. Plus between various styles of typography you can put together a mix of some incredible font ideas. Check out some of the examples below and see if you can fit any ideas into future projects.

Butterbelly

JBarrett

Wonderfull

Kungfu Master

Arabian Knight

Valentine in Love

Asia Pacific

Ice Cream Soda

Gretoon

Fontsale

Blacknib

Wire Frame

Beeswax

Luxurious & Sexy

New Forum

Great Adventure

gitch gitch

Flower Lover

Monica

Prehistoric

Pure and Simple Every Time

String and Wire

Take and Give

Alpha Echo

ABC

GF Halda Smashed

Hydrogen Whiskey

Retro Town

Powered by Shutterstock

About Jake Rocheleau

Jake is a digital researcher and writer on many popular design magazines. He frequently writes on topics including web design, user experience, mobile apps, and project management. You can find him all throughout Google and tweeting @jakerocheleau. Connect with Jake on google+