In design, typography is a hugely important factor. Choosing the right type for the design at hand can be very challenging. For some designers, it is as easy as "choosing free fonts"; for others, the task can be more daunting, especially if you're are not aware of the resources available. For designers who do not code, or for developers who do not design, it can be tricky to find fonts that will work well and look good.
There are already some free resources on the web. However, the problem with most these resources is that they are static. Everyone has a different idea of what good design is and which typefaces go well together. Static resources are good but they can only go so far: what if you dislike the combinations listed? What if you want to compare a combination? What if you already have a font and want to find a good match for it?
In the end, that was the aim: to create a resource where designers could browse font combinations and compare them side-by-side, where they are given choices rather than being made to search for combinations themselves.
The idea behind the site is to create a user-generated resource of fonts that work well together. This is achieved by serving random combinations of fonts to the user in the rating area. If you like what you see, simply click "I like this!" - otherwise, click "This sucks!" It's pretty straightforward, really.
Alternatively, if you see a single font you like, you can view information about that font by clicking on the name in the sidebar, and there you can see a list of fonts that other users have thought work well with it. If you're still not satisfied, you can choose to view that font with others either as a header or body text, and keep going through until you find something you like.
Fontastica is the brainchild of me, Sophie Shanahan-Kluth. It's my final year project for university so quite a lot of work has gone into this. You can either keep up with me on Twitter, or visit my personal site.
The site's fonts are served by Typekit, and it's set in Freight Sans Pro with Skolar for the headers. The site itself is built in PHP and MySQL with a smidgen of JavaScript thrown in here and there.
The fonts you can tag and rate are pulled from Google Web Fonts using their API.
The dummy text on the rate pages is pulled in from the Gutenberg Project. Each one is a fable by Aesop, so hopefully you'll enjoy reading them as much as you enjoy browsing the combinations and picking your favourites.
If you come across an error, please get in touch and let me know how you got it - the usual bug report garb. And then refresh the page a few times, because the error messages are from Firefly - more entertainment for you.