Web fonts

greg posted this at 05:38 — 16th January 2009.

Joined: Nov 2005

Looking at using some non-standard web fonts.

Which gave me a lot of good info (thanks ), but how does one go about adding a font not standard on OS's that will display for all users?

Is this the TTF file? And do I just put that in the site dir and link to it with font-face?

@font-face {
  font-family: "fontname";
  src: url(/fonts/fontname.ttf)
 format("truetype");
}

And is TTF better than OTF? Are there any issues with using fonts that have to load from the site?

decibel.places posted this at 13:14 — 16th January 2009.

Joined: Jun 2008

be careful using @font-face - it's not supported in Opera or Chrome or (without bugs) Firefox yet

However, mozilla.org does have a developer page about it with a live example

most examples I have seen use ttf, the Mozilla page says FFox supports ttf or otf

I would say for now, keep using images of unusual fonts

greg posted this at 19:13 — 16th January 2009.

Joined: Nov 2005

Hmm thanks. I really don't use anything that is not 100% supported. Things that are not, even if classed as "ok", usually brings issues somewhere.

I can't use images as it was going to be for the entire site text.
Looks like it's back to Megan's Page

webwiz posted this at 19:19 — 16th January 2009.

Joined: May 2007

Another possible solution is to use Flash replacement aka sIFR[1]. Only good for a few lines of text though, such as for headings.

Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;