A menudo nos gustaría poder escribir en una web con una tipo determinada (no de sistema) sin necesidad de crear imágenes. Pues con CSS3 es posible, aunque la mayoría de sitios dan excesivo código. Yo mediante la experimentación he podido comprobar que hay algunas partes que si se omiten tarda menos en importar las tipos:

@font-face {
	font-family: 'CustomFont';
	src: url('ruta/de/la/fuente.otf') format('formato');
}

@font-face {
	font-family: 'Aldo';
	src: url('fonts/aldo.otf') format('opentype');
}

Se trata de ponerle sólo la ruta del servidor, de la otra manera primero buscaba en el sistema y tardaba unos segundos en cargar la fuente y quedaba “mal”.

PD: al final sólo tenemos que usar la fuente con el atributo de toda la vida (font-family:…).