MailChimp help
- Started
- Last post
- 5 Responses
- bklyndroobeki
I'm sending out an email with a Google font (Roboto) for the headers of each section. I styled it with CSS and it works in some clients and not in others (not working in Gmail:Chrome)... is that just the nature of using CSS in MC or is there something that I'm missing?
Thanks q00b
-- code --
<link href="https://fonts.googleapis.com/css?family=Roboto|Open+Sans:400,300,700" rel="stylesheet" type="text/css" />
<style type="text/css">h1,h2,h3,h4,h5 {
font-family: 'Roboto', Arial, serif; !important;
font-weight: 300 !important;
}
h1 {
line-height:44px !important;
color: #111 !important;
}
p, .footerContainer {
font-family: 'Open Sans', sans-serif; !important;
font-weight: 300 !important;
color: #111 !important;
}
.Rounded {
-moz-border-radius: 15px;
border-radius: 15px;
border-collapse:separate;
border:solid 0px #37bc9b;
background-color:#37bc9b;
text-decoration: none;
color: #FFF;
padding:9px;
font-size: 12px;
}
</style>
<h1 class="null" style="text-align: left;"><a href="#" style="font-family: 'Roboto', serif; line-height: 1.6em;" ><span style="color:#000000"><span style="font-size:25px"><u>Title Here</u></span></span></a></h1><h2 class="null"><span style="color:rgb(105, 105, 105); font-family:arial,verdana,sans-serif; font-size:13px; line-height:1.6em">Your text caption goes here. You can change the position of the caption and set styles in the block’s settings tab.</span></h2>
<div><br />
<span class="Rounded"><a href="#" ><span style="color:#F0FFF0">READ MORE</span></a></span></div>
- hotroddy0
Doesn't work in browser but works well desktop clients? I would have imagined it would be the other way around.
- hellrod1
This explains the limitations...
- bklyndroobeki0
bump
- uan0
did you try http instead of https ?
- fadein110
From my experience non-standard system fonts are v.risky in emails. HTML emails are about 10years behind the rest of the web due to certain clients.
- non-standard fonts that should have said.fadein11
- Indeed, using custom fonts is "bleeding edge" for email, but it does depend on the audience (and their browser/device). You can limit who sees with queries.evilpeacock