background preloader

Best Practices of Combining Typefaces

Best Practices of Combining Typefaces
Advertisement Creating great typeface combinations is an art, not a science. Indeed, the beauty of typography has no borders. While there are no absolute rules to follow, it is crucial that you understand and apply some best practices when combining fonts in a design. When used with diligence and attention, these principles will always yield suitable results. Today we will take a close look at some the best practices for combining typefaces — as well as some blunders to avoid. Combine a Sans Serif with a Serif By far the most popular principle for creating typeface combinations is to pair a sans serif header typeface with a serif body typeface. In the example below — a typical article layout — we have Trade Gothic Bold No.2 paired with Bell Gothic on the left side. Putting these two together creates an unwanted conflict in the design. Now let’s look at the example on the right. Avoid Similar Classifications Now notice the example on the right side. Assign Distinct Roles Don’t Mix Moods

http://www.smashingmagazine.com/2010/11/04/best-practices-of-combining-typefaces/

Related:  TypographyGraphics Design

Typography Resources Typography Resources A continuously updated collection of the best typography resources from around the web Learning Resources The Psychology of Fonts Font is just one of the many factors that must be considered when making web design decisions. Tens of thousands of fonts are available for use by web designers and developers, and it doesn’t take a master’s degree to see that more are created each day. Choosing a font may seem like an arbitrary decision, but more than just personal preference should be considered when choosing one - font psychology plays a big role in the efficacy of our websites.

20 Useful Typography Tools Typography is a crucial component of a design. When used effectively, it sets the mood and solicits emotion about the design. Working with typography can be challenging, but fortunately, there is a plethora of free tools on the web that can help you work with type. In this article, you’ll find 20 tools for working with typography. You’ll find an assortment of tools that’ll help you with testing, identifying, sizing, and even making, fonts. 1. 25 Fresh Examples of Beautiful Typeface Combinations in Web Design Typography is a very important part of design and choosing the right type for your design can be very challenging. From print to web layouts, typography is the center piece of a good design and today we gathered a few examples of beautiful typeface combinations in web design to inspire you. In web design, typography can be used in different forms, big bold headers, simple and clean menus, explanatory text and so on. Finding a good combination of typeface is more than only good taste, it's an art Typography is a very important part of design and choosing the right type for your design can be very challenging. From print to web layouts, typography is the center piece of a good design and today we gathered a few examples of beautiful typeface combinations in web design to inspire you.

So You Need A Typeface « Inspiration Lab So You Need A Typeface I never usually feature my students but I’m going to make an exception, we had such a brilliant critique today that I just want to say “Thank god for passionate students like mine!”. You guys rock!! (in spite of our verbal whupping; better to have tried and failed than not to have tried at all). So let’s end the week with a student project, an info graphic related to the job we do as graphic designers.

Typographer's Glossary Serif: Serif's are semi-structural details on the ends of some of the strokes that make up letters and symbols. A typeface that has serifs is called a serif typeface (or seriffed typeface). Some of the main classifications of Serif type are: Blackletter, Venetian, Garalde, Modern, Slab Serif, Transitional, and Informal. Fonts in each classfication share certain similiar characteristics including the shape or appearance of their serifs. Serif fonts are widely used in traditional printed material such as books and newspapers. The Psychology of Fonts - Infographic Choosing the right fonts is one of the most important decisions when it comes to anything relating to design, whether it be a printed graphic or a website. Knowing the psychology behind choosing the correct font will give you the upper hand when it comes to designing. Weemss took the time to layout this Infographic on the psychology of fonts displaying the top 5 in each group, and what type of events they are best used for. Shortlink: About the Author Enfuzed is a web and graphic design blog.

Taking Type to the Next Level with Alternate Characters Are you sick of your type looking plain and boring? Many OpenType fonts have alternate characters built into them that can transform your type into a beautiful piece of art. By using these alternate characters you can add things like flourishes and flair to your type with ease. Some type faces have alternate characters that can help out with legibility at smaller sizes. Even some handwritten fonts have alternate characters to change the style of a characters to make it seem more handwritten. In this article we will take a deep dive into using alternate characters.

40 Free High Quality Hand-drawn Fonts Unlike the serif font family, these hand drawn fonts looked less serious but they tend to give and convey strong human touch wherever they are applied. Hand-drawn fonts are hard to stand on it’s own, but they are utmost perfect for these following situations: Hand drawn websitesIf you are inspired to give your new web design a sketchy or hand-drawn look and feel, these fonts are without a doubt the perfect math to the layout. Click here for more examples of Hand-drawn style websites. via bootbGuides and instructions Whether its a storyboard, an online guide & tutorial or merely an attempt to help user understand an illustration better, arrow, pointer and text guide gets the job done seamlessly.

Catman Font I am the artist for a webcomic called Development, found at We are holding a contest from now until the end of February 2012. The rules of the contest are as follows: This font is named Catman after a character of our webcomic named Catman. The upper case of this font is pictures of Catman in various moods and situations.

Related:  TypographieTypographyType