top of page Group

Public·5 members


Arial Black is another related font in the Arial family. It's a bold version more suitable for headers, decorative text, and emphasized text. However, its prominence means designers should use it strategically and carefully.


Times New Roman is the ultimate serif font. It's extremely popular and the primary font for Windows devices and applications, like Microsoft Word. Browsers often revert to it when they can't display the specified serif font.

Once your web font is imported and your fallbacks chosen, using them in email is as easy as using a web safe font. Just use the font-family name defined in the import method followed by your fallback font(s) in either the CSS inline or in the head:

A font family refers to all the different styles within a single typeface. For example, Helvetica Regular, Helvetica Italic, Helvetica Bold, Helvetica Condensed etc. So you may refer to a typeface as having a large family if it contains lots of different styles.

Some users are reporting problems (FS#52502) with bitmap fonts having changed names after upgrading freetype2 to version 2.7.1, creating havoc in terminal emulators and several other programs such as dwm or dmenu by falling back to another (different) font. This was caused by the changes to the PCF font family format, which is described in their release notes [6]. Users transitioning from the old format might want to create a font alias to remedy the problems, like the solution which is described in [7], given here too:

Basically, you need to add the following conditional css style snippet right after the body tag in the email template you want Outlook to take the desired font-family (in this case Arial, Helvetica or San-Serif) instead of the sticky MSO Times-New-Roman font:

An effective way to force Outlook 2013 to use specified font stack is to wrap the text in question in a and to use !important when defining the font-family. Outlook will still remove any Google fonts that are defined in the head, but other email clients will use them. Here is an example:

Back in 2014, Zach Leatherman created a website titled Font Family Reunion in which the user enters the font-family CSS values and the app returns which font each OS will actually render. Unfortunately, its GitHub repo was last updated on 5 October 2016. So we cannot tell what fonts the latest OSs will render.

Another point is that declaring a good font-stack is just as important in email, as it is on the web. However, as much as font-family: Arial, Helvetica, sans-serif; is a safe choice (and a Dreamweaver default), the point of this post is to show you that there are a lot of other nice combinations that you can use, even at small font-sizes. Here are some stand-out examples:

Your letters and numbers must be complementary and easy to read. If your favorite letters come with tiny, oversized, or hard-to-read numerals, use a different font for the prices and other numbers on your menu. Just make sure you borrow your numbers from a font family with a similar size, width, and style.

Using a specific font within your email is like setting any style throughout the message. You can specify the font in the head of the email or as an inline style by declaring the CSS attribute font-family and following it in order of preference with your font choices.

With a family package option and 12 font styles, this font brings the in-demand contemporary look to the table. Giving you a wide range to express emotions through font styles, Cera Pro comes in 6 weights. This font not only gives a minimalistic and simplistic look but also keeps geometry in check. Also, to prescribe font style digitally, it has OpenType features along with 80 glyphs each weight.

Bringing the idea of a consistent font family to the table, Frutiger, the designer of the font, did not get the appeal of geometry embedded into fonts. Thus, he created Univers to offer a font that avoids geometry at its rigidness and is simply a combination of thick and thin strokes. The effectiveness of this font is proven by logos of companies such as FedEx, a combination of Univers 67 and Futura Bold, and eBay, with noticeable yet subtle nuances in the strokes of the font. Considered as one of the best achievements of the 20th century, in the field of typography, this font aligns its properties with its name, giving all designers a font for universal application.

When choosing what to use as fonts in email, we need to revert to the lowest denominator: the ones that are commonly installed on most versions of Windows and Apple on first installation. Fortunately, we can list a family of fonts and the email client will display the first one in the list that it can use. So it is usual to have:

Roboto was designed by Christian Robertson and is the official font family of the Android operating system. Roboto comes in 12 styles with weights ranging from thin to ultra-bold. The font is very modern and essentially combines the best aspects of classic fonts such as Helvetica, Arial, and Univers. Regular Roboto font feels slightly condensed so it allows more characters per line.

Designed by Paul D. Hunt, Source Sans Pro is the ultimate corporate-style sans-serif web font. It comes in a whopping 12 different styles with weights from extra-light all the way to ultra-bold. The font itself is not the most exciting one on this list, but it is probably the most professional. It works in pretty much every situation and it keeps legibility with every size.

Lato is one of the most popular free sans serif fonts online. Available for download on Google Fonts, Lato belongs in the geometric font family and is loved by graphic designers for its simplicity and clarity.

As you might have guessed from the name, sans serif fonts lack the serifs that are characteristic of the serif family. That makes the sans serif family often appear much more sleek and modern. In fact, sans serifs fonts grew to popularity alongside the rise of computers. In the early days of computers, the screen was so pixelated that serif fonts were difficult to read with all their extra lines, so sans serif fonts became the obvious pick. The font of this paragraph is actually sans serif! Some other common sans serif fonts include Ariel, Helvetica, and Verdana. If you want to learn how to hand letter serif fonts, starting with the sans serif family is a great way to go since they tend to be more simple and clean.

with css: pfont-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; yet the results is as mentioned above. Other sites however render the same font-size on my laptop even in different browsers.

We hope this article helped you learn how to change font in WordPress. You can also see our ultimate WordPress SEO guide for beginners, and check out our expert-pick of the best email marketing services for small businesses. 350c69d7ab

  • About

    Welcome to the group! You can connect with other members, ge...

    Group Page: Groups_SingleGroup
    bottom of page