“Cure for the Common Font” — A Web Designer’s Introduction to Typeface Selection. Now that web designers suddenly face the challenge (and delight) of choosing fonts from an ever-growing selection, we thought it’s a good time to recommend some basic principles for making wise type choices.
The slides from each of our four quick presentations are below, as well as audio generously provided by SXSW. If you’re short on time and feel like you know the fundamentals, skip ahead to the second half of the session — I think the Q&A is as useful as our prepared stuff. Of course, an hour is hardly enough time to deliver what one can get from the first day in a good Type 1 course, and as I listen to the audio I cringe at all the crap I missed or said poorly, but I think we did a decent job of introducing some concepts that will launch young designers more confidently into the new typographic web.
Slides Audio Or view the slides at full screen to autoplay the audio. Related Links Recommended Books Webfont Providers Typefaces Used and Mentioned Our Favorite Typefaces of the Moment. Typography-Based Designs of Music Album Covers – Inspiring Examples. Often, all that’s needed to create a killer album cover is unique and inspired typographical elements.
There are various examples of both great classic and modern album covers already released by music producers. However, since most people have already viewed these album covers at some point during their lives, it’s often much more interesting to view the unique approaches up and coming graphic designers have taken with redesign projects of top album covers. As such, here are 12 inspiring examples of typography-based album covers – some are redesigns, some are the originals. The Wretched Habit The combination of grunge-inspired typography and great texturing are what make this such a great album cover design. The Legends Unique typography and other graphic design elements are what make this album cover an inspiring example. 311: Sound System This 311 album cover is definitely not minimalist in nature with its in-your-face elements.
The Cinematic Orchestra Stateless: Exit The White Stripes. 30 New Free High-Quality Fonts - Smashing Magazine. Advertisement Every now and then we look around, select fresh high-quality free fonts and present them to you in a brief overview.
The choice is enormous, so the time you need to find them is usually time you should be investing in your current projects. We search for them and find them so that you don’t have to. In this selection, we’re pleased to present Piron, Nobile, St Marie, Code, Arcus, Crimson Text, Quadranta, Juice, Prociono, Mr Jones, Ibarra Real and various useful symbol fonts. Please note that some fonts are for personal use only and are clearly marked as such. New Free High-Quality Fonts Piron1 Piron is a highly legible typeface, very well suited to any display or text usage: Web, print (especially magazines), brochures, logos, posters, flyers, motion graphics. St Ryde Regular2 (Registration required, PDF Specimen3) St Ryde is a sans-serif, very casual typeface, that works perfect in your bodycopy within the regular weights. 01.BASE42 This free font is bold and experimental.
Type Tips—short, quick tips on all things web typography from Harry Roberts of CSS Wizardry. Fonts. Vector Graphics on the Web Using Fonts. Typetester – Compare fonts for the screen. The Problem with Web Fonts. The problem with web fonts is that nobody wants to use the ‘safe’ fonts and you need as much live text on your site as possible.
So what’s a designer to do? Fortunately or unfortunately there are plenty of options. Unique fonts are awesome and up until a year or two ago the only way […] The problem with web fonts is that nobody wants to use the ‘safe’ fonts and you need as much live text on your site as possible. So what’s a designer to do? Unique fonts are awesome and up until a year or two ago the only way to accomplish unique typography was to embed them in images on your site. This means that we need to master the art of web fonts and how to get them to render correctly. CSS @font-faceGoogle fonts API and/or KernestFont Stacks @font-face The CSS technique, @font-face, for embedding fonts into your website has been around since CSS2. Proper @font-face fonts come in two flavors; free and premium.
Implementation Implementing @font-face in your style sheet is really easy. Resources Pros: