The Google Font API and HTML Email |
|
05.24.2010 Google, in conjunction with Typekit, just released a new Font API that allows designers to easily import non-standard OS fonts into their web pages. The API uses the CSS @font-face rule but relies on their CDN to provide the data bandwidth, which is probably much faster than yours. After hearing about this we wanted to investigate and find out the email client support for such an API. Get connected with Email on Acid for up-to-date news and information on the subject of email design, development, and testing! |
It is important to note: Our Email Test only supports absolute references to links and images embedded within your email. So what’s the difference between the two? Hopefully this article will shed some light on the subject…
An Absolute Reference provides the complete http address, the directory path, and the file name. For instance, if you had a file named “logo.gif” in a directory called “images” under the URL “http://www.emailonacid.com” you would link to it as follows:
http://www.emailonacid.com/images/logo.gif
In html context, this might appear as:
<IMG ALIGN=bottom src="http://www.emailonacid.com/images/logo.gif">
Absolute references must also be used inside embedded or inline CSS.
A Relative Reference provides a partial http address in the form of a fragment of a full directory path. Keep in mind that by default, if no server name or path is specified in html, the file reference defaults to the current directory. If you are publishing files on the web, the default would be any file within your www directory.
To use the example above, you would specify the link as
/images/logo.gif
In html context, this might appear as:
<IMG ALIGN=bottom src="/images/logo.gif">
If you haven't signed up yet, give our FREE online Email Test a try. Just drop in your code and we will instantly simulate your email in the most popular email clients!
Get connected with Email on Acid for up-to-date news and information on the subject of email design, development, and testing!