De vez en cuando he visto por ahí que hay sitios que utilizan este método (que es el más correcto), pero tiene sus desventajas pues no todos los navegadores lo soportan, me refiero a la propiedad @font-face de CSS3 que ya está siendo desarrollada por la W3C. Hay otros métodos más complicados de usar tipografía poco común en sitios web como por ejemplo JavaScript, o el uso de imágenes, lo cual hace más pesado el sitio y demorado para cargar (aunque sea sólo un poco), pero este tiempo es valioso si queremos un sitio rápido y dinámico.

El uso de la porpiedad @font-face es muy sencilla de usar, como podrás ver en el siguiente código el uso es el siguiente:

@font-face {
font-family: "Museo";
src: url(URL DEL ARCHIVO FUENTE/museo.ttf);
}

En este caso la extensión del archivo fuente es “.ttf”, pero hay otros tipos de extensiones como “.otf” que es OpenTypeFont, pero yo personalmente me gusta mas usar las tipo TrueTypeFont o “.ttf”. Una vez ya hemos llamado la fuente a su dirección específica, podemos darle uso en el mismo CSS de esta forma:

p {
font-family: "Museo";
}

Debes tener en cuenta que cuando la aplicamos (en este caso a los párrafos solamente), deben coinsidir el nombre que le colocamos al momento de llamarla, en este caso “Museo”. Ya con este podrás observar la fuente que hallas utilizado, es algo que CSS nos ofrece para mejorar nuestros sitios, personalizarlos y darles estilo, la intención del CSS.