When creating an HTML e-mail how do you specify the appearance, for example the font? Is there a better way than using inline CSS? I'm using cfmail
to send e-mails.
There are three ways to include styles within an email: using external stylesheets, embedded styles, or inline styles. While external stylesheets are a great option for web design, they aren't the best option for email design—many webmail clients block links to external stylesheets.
Yes you can. However you have to keep in mind that few email clients respect css standards. Just stick to basic css properties like margin and padding , etc., and it should all be fine. Also you can style your html elements inline ( <div style=""> ) though it's not an elegant solution.
You can style it in the <style>
blocks in the head section, but the best/consistent way to style anything in HTML emails is by doing it inline unfortunately. If you're feeling lazy you can use http://premailer.dialect.ca/ to move everything inline for you.
The most important aspect of html mails is making sure the recipient can read the mail. For this reason it is important to stick to basic HTML and than means inline CSS only i'm afraid.
I use this tool - http://inlinestyler.torchboxapps.com/
Source files - https://github.com/davecranwell/inline-styler
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With