The Best Free Alternatives to the Most Popular Fonts Look at the best sellers on the big font shops and you’ll see the same names sitting proudly in top spot. Proxima Nova, DIN, Futura and Brandon Grotesque in particular are extremely sought after typefaces that are commonly used in web design, branding and print. It can be pretty expensive to acquire these fonts, which means it’s often beyond the budget of most designers. Thankfully there’s some free typefaces we can rely on that actually match up fairly well. In today’s post I round up 10 of the most popular fonts and give my recommendations of the closest alternatives that can be used with Google Fonts or downloaded for free. Since its release just 10 years ago Proxima Nova has pushed aside all the classics and claimed top spot in the best sellers lists.
Responsive Typography: The Basics When we built websites we usually started by defining the body text. The body text definition dictates how wide your main column is, the rest used to follow almost by itself. Used to. Until recently, screen resolution was more or less homogeneous. Today we deal with a variety of screen sizes and resolutions. Contrast Through Scale « Back to Blog on Friday 19th of October 2012 Typographic contrast is a deft and powerful weapon in your design arsenal. Its presence and impact typically goes unnoticed by readers, but its absence can ruin a site. In this series of posts, Christopher Murphy of The Standardistas takes a look at a number of techniques you can use to establish harmonious contrast in your designs. A typographic scale.
Kinetic Typography: An Introductory Guide Kinetic Typography: An Introductory Guide Kinetic typography seems to be everywhere these days. From television commercials to website landing pages, movable type is a popular visual tool. This popularity could come from a number of reasons but one obvious factor is that it catches your attention. People tend to be drawn to words and want to read them. Kinetic typography puts this together with some simple animations to create words that move on the screen, grabbing your attention and engaging the senses.
More Google Webfonts that Don’t Suck I was originally planning to simply update my previous article with a couple new fonts, but to Google’s credit I came up with so many additions that I decided to simply write a new post. And this time, I tried to include real-world visual examples whenever I could, since evaluating fonts over at Google Web Fonts can be less than optimal (to put it kindly). (Quick plug: my new project Sidebar gives you the 5 best design links of the day. You should go check it out!) Font vs. Typeface (And 14 Other Design Terms We Always Get Wrong) ~ Creative Market Blog Designers talk in fancy technical terms all the time, but how often do we get it right? Well, that's a good question, and with that in mind, we came up with 15 design terms that we always seem to screw up, then put them in one convenient place — right here! 1. Font vs. Typeface
Checklist for Better Web Typography Typography influences whether or not viewers read the content, as well as having a subtle effect on how they perceive your site. Choosing appropriate typefaces and controlling their presentation is critical to conveying your message. The following checklist serves to summarize the major points and to help you ensure you’ve done all you should before finalizing any web site you are creating.
The Font Matcherator - Find a font from any image Font Finder Have an image with type and you don't know what the font is?Upload it and we’ll find the fonts that match. Your Image