Without listing multiple font names, the email client gets to decide your backup font. Including multiple font names ensures that if one font doesn’t work, there is a fallback or backup font of your choosing. This font-family property can have just one font name or multiple font names-often referred to as a font stack. When your email is coded, the font is declared using a CSS property called font-family. In order to understand these differences, let’s take a look at how fonts work in your emails. Although they sound the same, there are definite differences.

There are two different ways you can do live text: web safe fonts and web fonts. And as your best customers- email returns $36 for every $1 invested-that’s great for your overall marketing strategy. After all, text that isn’t dependent on images and can be read by a wider audience leads to a great subscriber experience. So stop trapping your message in images, and start using live text with web safe fonts and web fonts instead. And it matters in email.īut accessibility matters, too. Because, as big brands know, typography matters. Ok, maybe not hours, but most people spend a bit of time on it. When you first start writing reports, you spend hours trying to figure out the best font to use. Enterprise Plan Boost collaboration and drive resultsįrom my very scientific study (I observed my daughter as she started writing reports over this past year), I have learned that one of the first aspects of design that people ever start playing with is typography.Litmus Plus Automate testing to ensure quality.Litmus Basic Build error-free, effective emails quickly.

All Plans See solutions for companies of all sizes.Without the rule, our designs are limited to the fonts that are already loaded on the user's computer, which may vary depending on the system we are using. Once added to a stylesheet, the rule instructs the browser to download the font from where it is hosted, then it displays the font as specified in the CSS. How to import fonts the right way?įirst of all, we need to learn that the way of importing a font into a website is through CSS, this allows us to load fonts to the webpage. I realized we maybe had made a mess in our CSS, so we needed to fix it out the right way. There was this time I was helping a team of developers to get up and running a bunch of sites, we had the designer's work done, the application was running smoothly on my computer, but then when I started building those pages, I noticed there were a lot of different font-family values which didn’t make any sense to me because it was about the same font just with different variations in weight and style.

You know the ins and outs of HTML5 and CSS3, but. Sometimes the design team sends you an awesome mockup for a brand new - great looking app, so you need to put all your coding skills to work to make this idea become reality. Reading Time: 4 minutes Why would I need to import a font to my website?

Proxima nova font face declarations