CODEWITHSUNDEEP
outlookhtml-email
Oswaldo
Oswaldo

Reputation: 3376

Outlook auto replacing links with anchor

In my email template I have an import to use a web font:

@import url("http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300");

Outlook is replacing the url content with a anchor:

@import url("<a href="http: //fonts.googleapis.com/css?family=Open+Sans+Condensed:300" class="">http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300</a>");

I tried instead but same result, what is missing?

Thanks

Upvotes: 0

Views: 187

Answers (2)

zazzyzeph
zazzyzeph

Reputation: 1795

Outlook doesn't really understand @import or @font-face, so whenever you use those in email you need to add an MSO conditional around the style tag.

<!--[if !mso]><!-->
<style type="text/css">
     @import url("http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300");
</style>
<!--<![endif]-->

Upvotes: 1

Eugene Astafiev
Eugene Astafiev

Reputation: 49397

Outlook uses Word as an email editor. You can read about supported and unsupported HTML elements, attributes, and cascading style sheets properties in the following series of articles in MSDN:

Upvotes: 0

Related Questions