Fuentes compatibles con todo

[odt]

El problema de utilizar el API de Google es que tiene un número muy limitado de fuentes (creo recordar que no son más de 20).

Hay un sistema para forzar al navegador de cada usuario a que se descarge de tu servidor la fuente que tú quieres utilizar en tu diseño, por extraña que sea. Solo tienes que poner el código en el head y cargar la fuente en tu servidor local.

El sistema se basa en este código que has de colocar en la hoja de estilos. Por ejemplo, para forzar la carga de una fuente "Tekton pro".

@font-face {
font-family: 'Tekton Pro Ext';
src: url('tekton.eot'); /*carga la fuente para el IE*/
src: local('Tekton Pro Ext'), /* Si el usuario no tiene IE busca si tiene instalada la fuente*/
local('tekton'),
url('tekton.ttf') format('truetype'),
url('tekton.svg#font') format('svg');

Si buscas en Google "@font-face " hay muchas webs donde explican el proceso paso por paso