Habitualmente en diseño web se utilizaban imágenes o recursos más avanzados como el javascript para poder utilizar fuentes especiales en nuestros diseños ya que si la máquina que hace la petición al servidor no dispone de esa fuente instalada automáticamente esta era imprimida en pantalla como una fuente generica tipo Arial. Esto se acabo gracias a la propiedad @font-face, esta nueva regla es capaz de descargar una fuente remotamente para ser integrada en nuestro sitio web. Esta regla aun no esta estandarizada en todos los navegadores como sería de esperar ya que es algo básico para poder realizar diseños más elegantes y visuales, de momento podemos usarla en Safari 3.2+, Firefox 3.2+, Chrome 0.2+, Opera 9.6+ y Explorer.

Aquí podeis ver un ejemplo de su uso ya que lo he añadido a los titulares de los contenidos con la fuente Segoe Script y este es el código.

@font-face {
  font-family: "Segoe";
  src: url(http://www.joomlanetprojects.com/fonts/segoesc.ttf) format("truetype");
}
.contentheading { font-family: "Segoe"; }

Aunque eso si al utilizar navegadores donde la regla no es soportada obtendremos dos maravillosos errores de validación css lo podeis comprobar validando esta misma página.