30 Grunge Fonts for Web Use and Quick Implementation Tips
Grunge fonts are great for when you need to add some dirt, grime, or a natural element to your web design. One common problem with many of them, however, is that they are not web compatible. With many clients, you will find that they need a design that is compatible both online and offline, meaning that you need to find fonts that will work for any medium, be it on a website or in a design for catalog printing. This is why it is especially necessary in today's digital world to find Open-Type fonts (.OTF) or True-Type fonts (.TTF), since these fonts will be much more compatible between web and print designs.
Here to help you get started in your search for that perfect grunge font for web use is a collection of 30 great web-compatible grunge fonts. First of all, though, I will show you how to implement them on your website in about 5 minutes:
4 Steps for Implementing Fonts onto a Website
While there are a number of sites you can go to for converting fonts to a format you can use on your site, I prefer FontJazz.com because, for one, it is so very easy to use. Secondly, FontJazz allows you to quickly turn your headings from blah to amazing. The following steps show you how to use FontJazz for uploading fonts to your site design.
Step 1 - Choose your font
Choose your font either from the list below or any other font you like that is TTF or OTF format.
Step 2 - Upload Your Font File
Go to the FontJazz upload page and get the font converted.
Step 3 - Download the Three Files
Step 4 - Implement the Font on Your Page
Cruise on over to the help page on FontJazz to get the HTML you need to implement the fonts on your page. It's literally only three lines of code and you're all set!
Of course, you can use any TTF or OTF font, not just grunge ones. However, if grunge is what you need, browse through the list below, pick out your favorites, and have some fun giving your site (or a client's site) a facelift! While all of the following fonts are free for personal and most for commercial as well, be sure to double-check the license or contact the designer before using in a commercial project.
Face Your Fears
Action of the Time
Scratch my back