![]() You now know the five basic types of fonts that are available (other than symbols, I suppose). Email Typography: How to Choose the Best Fonts With this information in mind, we can now move onto how you can select the best font for emails. Disney offers one of the most well-known logos in the world, and it features a display font: Disney For logos (and possibly headers), display fonts can make a real impact and stand out. Words and feelings commonly associated with display fonts include a sense of individuality or uniqueness, friendliness, or expressiveness. Coca-Cola is a timeless example of a script font used well: Coca-Cola Display FontsĮxamples include Cooper and Valencia. However, they do make an impact when used in logos and that could work for graphical elements. Script fonts will likely not be a wise choice for use in your emails. Hulu’s logo is a popular example of one using a modern font: Hulu Script FontsĮxamples include Edwardian Script and Bickham Script. Modern fonts can appear stylish, chic, or give an overall sense of strength. Netflix features a sans serif font: Netflix Modern FontsĮxamples include Futura and Century Gothic. Sans serif fonts are very corporate-looking. These fonts give off the impression of reliability and stability. Sans serif fonts give off a modern look that’s clean, simple, and straightforward. Tiffany & CoĮxamples include Helvetica, Calibri, and Franklin Gothic. The Tiffany & Co logo serves as a solid example. Older brands (or those that want to appear as though they’ve been around for decades) make solid use of these sorts of fonts to instill confidence. Serif fonts exude a sense of respectability, reliability, and tradition. According to Crazy Egg, the five main font types elicit different emotions or associations: Serif FontsĮxamples include Times New Roman, Baskerville, and Georgia. Certain types of fonts have certain “feelings” associated with them. This applies to logos mostly but it would pay to keep this information in mind as you’re selecting email fonts as well. There’s a psychology to your font choices as well. This small change reduced bounce rate by 10% and increased the conversion rate by a whopping 133%! All because of bumping up the font size two points! The 13pt version of the font performed so much better because the content was now easier on the eyes and more readable. More space was added between the lines of text as well. The research involved increasing a block of text set to Arial font from 10pt to 13pt. ![]() In fact, according to research conducted by Click Laboratory, slightly increasing a font’s size can have a huge impact on your conversion rate. The size of the font you choose matters, too. ![]() It’s not just the font you choose that has an impact on conversions, however. And if people are only spending 11 seconds on an email, that’s a ton of time wasted. In fact, people take twice as long to read fancy fonts. Often, this means relying on standard fonts that everyone is familiar with already. They need to offer that “at-a-glance” convenience. That means any fonts you choose need to be readable and scannable. Most people spend only 11 seconds on email. 30-day money-back guarantee.įor Less How Good Fonts Boost Conversions You could also use a tool such as whatfont.īe sure to set your font stack back to the desired fallback, unless some surprise Comic Sans or Papyrus is up your alley.Claim your 33% discount with an annual WordPress Hosting plan. It’s a quick way during development to identify our font-face is working as desired. Now on save, there’s definitely no mistaking that wonderful, magic that is definitely not Open Sans. How can I be sure of this when the generic family might be too close to the primary typeface for someone to easily identify? I plug in a more distinct generic family instead, preferably my favorite, fantasy. But if I take a closer look, it’s loading the sans-serif fallback and not Open Sans. I put that in my styles, I hit save and looks pretty good. Let’s say I want to use Open Sans from Google Fonts. ![]() Think you’ve got Helvetica displaying only to discover that the Arial fallback is showing up? Here’s how I ensure that the typeface I want is what is actually appearing. One challenge is knowing if the web font you are calling with is indeed loading or not. Other times, we could use some help knowing for sure if a UI element is appearing as the designer call far. ![]() Some engineers pride themselves on having a “designer’s eye.” They can spot if vertical alignment is off or if line-height isn’t set appropriately for the text size. Tweet How to ensure your fallback font is not replacing your primary typeface ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |