Re Embed web page fonts using @font-face

Below example is based on example at:

http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

Mine will not display in EUROSTILE font.
I am just concerned with Firefox and Chrome now
and will address I-E later (eot).
—————————————————

@font-face {
font-family: EuroFont;

src: url(‘http://home.pipeline.com/~datapool/Eurosti.TTF’) format(‘opentype’);
}
div
{
font-family: EuroFont;
}

Test Bed for Euro Style Font

With CSS3, websites can use fonts other than the installed fonts.

————————————————-

Like you, I’ve spent many hours but could not get it to work.

I will donate $20 to the Dalai Lama Foundation for your help.

Regards,

Bill Paladino
Kings Park, NY

The issue was two fold – and mixed with a little confusion on my part from having read too many examples – so many examples given elsewhere, including hacks.mozilla.org and in some of the discussion/comments on the (your) Paul Irish blog, did not enclose the filename within the url() construct in quotes. The original example in your blog post does have quotes, but some of the comments just have a raw filename in the url() specification. I was working from some of the samples in the comments. And that didn’t work for me until I put the URL in quotes.

In addition, I ended up using the entire URL, starting right from the “http://” although I probably could have just started from an initial “/” instead. I use the fonts within a WordPress blog and when a site visitor is viewing a page on my site, they’re often a couple of page levels deep on the site and the browser can’t find the font file because it needs a full path, not a path relative to the current page. So my examples use full URLs and they work on all of the browsers and on my WordPress-powered blog.