How to embed CSS on emails

Embed CSS on email

The simplest way to have css embedded on email and getting around the issue for things like font, font color and font size: For example – Gmail converts your Body tag to a DIV.  That can actually work to your advantage because you can use any inline CSS properties within your BODY that would otherwise be supported by a DIV.

It is important to know, however, that some clients do not support the BODY tag so you should also include the same declarations within your embedded CSS.  Also, keep in mind, you can’t rely on BODY attributes like “bgcolor” because it is not supported within a DIV.

<head>
<style type=“text/css”>
/*This is for all clients except Gmail,
Gmail gets the same declarations from the body tag */
table, tr, td, p, span {
font-family:Arial, Helvetica, sans-serif;
color:#333; font-size:11px;
}
</style>
</head>
<body style=“margin:0; padding:0; font-family:Arial,
Helvetica, sans-serif; color:#333; font-size:11px;”>
Content
</body> 

Rogerio da Silva

Rogerio Da Silva has a passion for technology and above all, a passion to work with people building technology, going about talking to all the parts involved to understand and help to connect the dots by talking his way through testing and validating the product under development. In summary... Business & Test Analyst | Website Consulting | Email Consulting | Microsoft Dynamics 365 CRM | QA | Agile | Manual | Integration & Automation | DevOps | API | Cloud | AI | IoT | CRM | Social Media Marketing | Looking for Scalable Services? InShore, OffShore or Hybrid
 Interested? Ask me how we can help. Grab my Book here!.

%d bloggers like this: