Adobe Garamond and Hoefler:Īdobe Garamond and Hoefler are both beautiful old-style serif fonts but still work well with each other when it comes to font pairing. They both have unique character but still, share a similar weight to maintain proper balance. Museo Slab is a flexible serif while Nautilus Pompilius is a modern script. They do not share x-height, the shape of character or weight but are similar in terms of the direction of the axis. While on the other hand, Libre Baskerville is a traditional, delicate serif font. Bebas Neue and Libre Baskerville:īebas Neue is a bold and heavy sans-serif. They share a similarity in the shape of character and weight, so they work well together. Proxima Nova and Futura show us that you can stay in the same font subfamily and still manage contrast.
#Franklin gothic font pairs how to
Now that you understand how to pair different fonts effectively, here are some latest font pairings to make your design stand out. Use color: If you want to highlight different segments of text, it’s a great idea to use different colors. Hierarchy is essential, so choose fonts that highlight the relative importance of the text in your design. Some of the ways to avoid conflicts are:įont category: Make sure that you select fonts that are different enough even if they have the same subfamily.Ĭonsider hierarchy: Use weight and size to distinguish between fonts. It is obvious you want your fonts to have some similarities, but they should have enough difference to work together effectively. Conflicting:Ĭonflicting refers to 2 or more typefaces that are similar to each other and also work well together. Try to pair fonts that have similar shape to show uniformity. Some become small and squat while some are long and lean. The shape of character: Every character changes its dimensions in different fonts. Different fonts will have different angles on their axis, and that will have a notable impact on how the fonts to pair together. The direction of the axis: Draw an imaginary line over each letter. X-height and glyph width: X-height refers to the height between the top and bottom of lower case letters such as “s” or “c.” Glyph width simply refers to the width of characters. You should always pair thick fonts with thin fonts. Weight: It refers to the thickness of the lines. Even if the fonts are entirely different, they must have one or two of these feature to become a successful pairing: The key is to look for different types that have something in common that can make them work well. It is challenging to pair fonts this way, but it also a more original and successful method to design a unique font pairing. Contrasting:Ĭontrasting refers to 2 or more different typefaces that work well together. Because these font families are created to fit in the same family, they share their basic characteristics that help them work well with each other. For example, Lucida font includes versions in Handwriting, Typewriter, Calligraphy (script), Blackletter (Gothic), and Sans Serif all in the same family. Sans-Serif: Proxima Nova, Helvetica, and Franklin Gothic (Subcategories: Humanist, Grotesque, etc.)Ī common superfamily comprises of font families that are present in both sans-serif and serif. Serif: Chaparral, Minion Pro, Garamond (Subcategories: Slab, Old Style, Modern, etc.) However, they are primarily divided into four categories:ĭecorative: Boilerplate, Mythos STD, Rosewood There are several classifications for a typeface. Font superfamily is a typeface with multiple variations that fall into different categories. So, first, you need to pick a font superfamily. It is the simplest way of font pairing as you only need to find one cool font that works well in different styles. Concordance is when you use a single typeface in multiple fonts on the webpage.
0 kommentar(er)
