Fonts

They have: 5,633 posts

Joined: Jan 1970

I'm wondering if any of you know how to embed some code (HTML, javascript, whatever) into your source that makes a viewer see a certain font whether they have that font on their computer or not. See http://chris.pirillo.com for an example (obviously his blog). When I first visited the site, I saw the font which was really awesome because I didn't have it on my computer. He's got a link to download the font, but it seems I didn't need to download it because it showed up perfectly. If you look at his source, I didn't see anything in the style sheet or the coding with that font and even if it was, I'm not sure how he made it so you instantly see the page in the right font. Heck, I even went to my local library and it showed up with that font. How do you do it?

Thanks

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

I see this in his css code:

@font-face {
font-family: Chris Pirillo;
font-style: normal;
font-weight: normal;
src: url(http://chris.pirillo.com/CHRISPI1.eot);

it appears that the font is being imported from http://chris.pirillo.com/CHRISPI1.eot somehow. Not sure how that is working but it does.
Confused

http://www.w3.org/TR/REC-CSS2/fonts.html#font-descriptions

Also, in his code you see the following which means that if the users browser doesn't or can't use the Chris font it will use Lucida Console, etc.

.post { font-family: Chris Pirillo, Lucida Console, Lucida Sans Typewriter, Courier New; color: Black; font-size: 14pt; width: 560px; text-align: justify; }

I think I am correct on this.

HEY SUZANNE!!! We need you on this one. Wink

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

Welcome to TWF beammeup4,

You have certainly started with an interesting question! I have pondered this situation for some time and never worked out how it could be done, obviously it can and now we await Suzanne's expert voice on the matter Smiling

Julia - if life was meant to be easy Michael Angelo would have painted the floor....

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

You don't need me! You've got it all pegged. Smiling

Actually, I haven't done any work with embedding fonts (this is a method of embedding, clearly -- no different from the original WEFT experiments, just in the CSS instead of in the font element).

PC/IE is the only browser that supports it, it seems: http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/fontface.asp

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

http://alis.isoc.org/web_ml/index.en.html#suite may be of interest, as well, though it applies to multilingual sites.

Roo's picture

She has: 840 posts

Joined: Apr 1999

I read about embedding fonts when one of the 4X versions of Netscape came out.

I viewed the site above and it really is kind of cool but........

In Mozilla the font seems to be Courier something, In IE I got a message about the site needing to temporarily needing install fonts, and I see what I'm assuming is what he means me to see.

What I'm wondering is how your average surfer using IE would react to the message.

Would the non savvy run away as fast as they can do you think?

It really would be cool to be able to use a wider variety of font, but I question the usabilty of this.

Anyone have any thoughts about this?

Roo

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

I also viewed it in IE and didn't get any message about font installing??!!

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

IE/Mac doesn't work. I personally do not like viewing installed fonts as people tend to choose fonts that are really hard to read. Wink

Roo's picture

She has: 840 posts

Joined: Apr 1999

Julia really? Do you possibly have the embedded font installed? Or maybe something similar?

I do suppose some would use hard to read fonts..(such as when my son wanted to use one called 'Checkstub' on a senior English paper. *Sigh*)

Personally I'd love to use Century Gothic, Garamond, Windsor............

Roo

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

Nope I don't have that font and something similar wouldn't work as it has to be what's specified in his font list.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.