font.ubuntu.com needs the font hosted for web embedding

See:

  http://font.ubuntu.com/web/
  http://code.google.com/webfonts/family?family=Ubuntu

Original report:

http://font.ubuntu.com currently provides the font in source form and in a zip archive of .ttf files. In order to be used as embedded fonts linked in web pages using CSS with @font-face each .ttf needs to be individually served.

Microsoft only supports web fonts in its proprietary EOT format. There does not appear to be a packaged tool to convert from TTF to EOT however this code looks like it should do the trick. http://code.google.com/p/ttf2eot/

http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/
http://openfontlibrary.org/wiki/Embedded_OpenType
http://openfontlibrary.org/wiki/Web_font_linking_with_@font-face

There should be some copy and pasteable text on the home page of http://font.ubuntu.com for web designers to use. Something like this:

@font-face {
  /* Regular */
  font-family: "UbuntuNormal";
  src: url("http://font.ubuntu.com/Ubuntu-R.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
}@font-face {
  /* Bold */
  font-family: "UbuntuBold";
  src: url("http://font.ubuntu.com/Ubuntu-B.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
}@font-face {
  /* BoldItalic */
  font-family: "UbuntuBoldItalic";
  src: url("http://font.ubuntu.com/Ubuntu-BI.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-variant: normal;
  font-stretch: normal;
}@font-face {
  /* Italic */
  font-family: "UbuntuItalic";
  src: url("http://font.ubuntu.com/Ubuntu-I.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-variant: normal;
  font-stretch: normal;
}

Google font directory takes a slightly different approach and dynamically generates a little css stylesheet depending on the browser, e.g.
http://fonts.googleapis.com/css?family=Cantarell&subset=latin