Blog


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.

Read More Google Font API and HTML Email

Get connected with Email on Acid for up-to-date news and information on the subject of email design, development, and testing!

Email Testing RSS Feed Email Test on Twitter Email Preview on Digg Email CSS on Linked In Email Simulator on Stumbled Upon


Monday, 31 August 2009

Absolute vs. Relative References

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…

Using Absolute References (supported)

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.

Using Relative References (unsupported)

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">

 



Share/Save/Bookmark

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!

Email Testing RSS Feed Email Test on Twitter Email Preview on Digg Email CSS on Linked In Email Simulator on Stumbled Upon

Share Your Comment

Name:
Email:
Location:
URL:

Comment:

Remember my personal information
Notify me of follow-up comments?

Please enter the word you see in the image below: