CSS3 smooth fonts?

HTML & CSS
1

Is this available? Has it been certified? What is the current CSS version?

Typically, where is the URL link pointing to?


"This next example might be found in a UA's default style sheet. It implements the CSS3 generic font family, serif by mapping it to a wide variety of serif fonts that might exist on various platforms. No metrics are given since these vary among the possible alternatives."

@font-face {
  src: local("Palatino"),
	  local("Times New Roman"),
	  local("New York"),
	  local("Utopia"),
	  url("http://somewhere/free/font");
  font-family: serif;
  font-weight: 100, 200, 300, 400, 500;
  font-style: normal;
  font-variant: normal;
  font-size: all
}

Link:
CSS3 module: Web Fonts

Thanks Rick

2

@font-face is available for:

  • Firefox 3.5+, Opera 10+, Safari 3.1+ and Chrome 4+ in TrueType fonts
  • Internet Explorer 4+ in EOT fonts
  • Firefox 3.6+, Internet Explorer 9+ and Chrome 5+ in WOFF fonts
  • iPad and iPhone in SVG fonts

You can create your own @font-face kit with a free online tool: http://www.fontsquirrel.com/fontface/generator

3

Thanks hexburner . . .

what are EOT and WOFF fonts?

and what about the URL - where is it pointing to?

Rick