Explaining two ways to specify fonts in HTML emails and points to note
Posted: Tue Dec 03, 2024 5:40 am
There are two main ways to specify fonts in HTML email.
This article summarizes how to specify fonts in HTML emails for those of you who want to specify your own favorite fonts in HTML emails.
I hope this will be helpful to you.
Download "Get your emails read and lead to business! Email Marketing Textbook"
Kairos3 Marketing is an MA tool that provides strong support for marketing and sales activities.
Contents of this article
Prerequisites for displaying fonts in HTML emails
Fonts in HTML emails depend on the recipient's environment
Reference: In BtoB, it is safe to make good use of templates
Two ways to specify fonts in HTML emails
1: Specify fonts for HTML emails using styles for each element
2: Embed CSS in HTML email and specify fonts
Reference: Loading external CSS into HTML email to specify fonts
Prerequisites for displaying fonts in HTML emails
In this chapter, we will introduce the assumptions for font vp engineering email lists display in HTML emails. If you do not understand the assumptions for font display in HTML emails, you may be troubled by the fact that the fonts are not displayed properly, or you may receive unexpected complaints from customers.
Fonts in HTML emails depend on the recipient's environment
The basic premise is that the font of an HTML email is determined by the recipient's environment for receiving HTML email. For all HTML emails, the recipient's environment settings take precedence over the sender's settings. Therefore, it is impossible to make all recipients display the email exactly as you intended.
The receiving environment for HTML email mainly refers to the following three.
Recipient's mailer
Recipient Device
Recipient's OS
Of the above three, the settings and specifications of the recipient's mail client take precedence. If the recipient has a preferred font set in their mail client, or if the meter is set to not allow the font to be changed from the default font, the font you set for the HTML email will not be reflected correctly.
The next priority after the recipient's email client is the user's device and OS. The fonts that can be displayed vary depending on the device, such as a PC, smartphone, or tablet. Additionally, the fonts that can be displayed also vary depending on the OS, such as iOS, Windows, or Android. You can check the fonts pre-installed on each OS on this site.
If the font you set in an HTML email isn't being displayed properly, first check the recipient's email client, device, or OS.
Reference: In BtoB, it is safe to make good use of templates
Unlike BtoC business, BtoB business requires attention when sending HTML emails, which is to ensure that the email is delivered to all recipients.
In B2C business, many recipients are now using modern devices such as iPhones and tablets. Therefore, even if you send HTML emails using CSS, they will be displayed without any problems in most cases.
However, in B2B business, recipients use a variety of email clients. Some recipients use very old devices, operating systems, or niche email clients. On old devices, operating systems, or niche email clients, there are many HTML emails that cannot be displayed.
If you send an HTML email that cannot be displayed properly to a recipient in such a special receiving environment, it can lead to complaints from the recipient such as, "I received an email from your company that is displayed garbled. What is this?"
This article summarizes how to specify fonts in HTML emails for those of you who want to specify your own favorite fonts in HTML emails.
I hope this will be helpful to you.
Download "Get your emails read and lead to business! Email Marketing Textbook"
Kairos3 Marketing is an MA tool that provides strong support for marketing and sales activities.
Contents of this article
Prerequisites for displaying fonts in HTML emails
Fonts in HTML emails depend on the recipient's environment
Reference: In BtoB, it is safe to make good use of templates
Two ways to specify fonts in HTML emails
1: Specify fonts for HTML emails using styles for each element
2: Embed CSS in HTML email and specify fonts
Reference: Loading external CSS into HTML email to specify fonts
Prerequisites for displaying fonts in HTML emails
In this chapter, we will introduce the assumptions for font vp engineering email lists display in HTML emails. If you do not understand the assumptions for font display in HTML emails, you may be troubled by the fact that the fonts are not displayed properly, or you may receive unexpected complaints from customers.
Fonts in HTML emails depend on the recipient's environment
The basic premise is that the font of an HTML email is determined by the recipient's environment for receiving HTML email. For all HTML emails, the recipient's environment settings take precedence over the sender's settings. Therefore, it is impossible to make all recipients display the email exactly as you intended.
The receiving environment for HTML email mainly refers to the following three.
Recipient's mailer
Recipient Device
Recipient's OS
Of the above three, the settings and specifications of the recipient's mail client take precedence. If the recipient has a preferred font set in their mail client, or if the meter is set to not allow the font to be changed from the default font, the font you set for the HTML email will not be reflected correctly.
The next priority after the recipient's email client is the user's device and OS. The fonts that can be displayed vary depending on the device, such as a PC, smartphone, or tablet. Additionally, the fonts that can be displayed also vary depending on the OS, such as iOS, Windows, or Android. You can check the fonts pre-installed on each OS on this site.
If the font you set in an HTML email isn't being displayed properly, first check the recipient's email client, device, or OS.
Reference: In BtoB, it is safe to make good use of templates
Unlike BtoC business, BtoB business requires attention when sending HTML emails, which is to ensure that the email is delivered to all recipients.
In B2C business, many recipients are now using modern devices such as iPhones and tablets. Therefore, even if you send HTML emails using CSS, they will be displayed without any problems in most cases.
However, in B2B business, recipients use a variety of email clients. Some recipients use very old devices, operating systems, or niche email clients. On old devices, operating systems, or niche email clients, there are many HTML emails that cannot be displayed.
If you send an HTML email that cannot be displayed properly to a recipient in such a special receiving environment, it can lead to complaints from the recipient such as, "I received an email from your company that is displayed garbled. What is this?"