Ya estamos haciendo servir Google Fonts en VIC Services

Ya estoy haciendo servir Google Fonts en VIC Services. En concreto el sitio está haciendo servir la fuente “Patrick Hand” para el nombre del sitio (VIC Services), el eslogan (desarrollo web) y en las opciones del menú principal.

En vez de incluir un link a la hoja de estilos como indicaba en una entrada anterior:

<link href="http://fonts.googleapis.com/css?family=Patrick+Hand&v2" rel="stylesheet" type="text/css">

He incluido directamente en una hoja de estilos del sitio el código contenido en ese css remoto:

@font-face {
  font-family: 'Patrick Hand';
  font-style: normal;
  font-weight: normal;
  src: local('PatrickHand'), local('PatrickHand-Regular'),
         url('http://themes.googleusercontent.com/font?kit=9BG3JJgt_HlF3NpEUehL0HhCUOGz7vYGh680lGh-uXM')
         format('woff');
}

El W3C tiene un detallado documento sobre fuentes en CSS3. Aquí pueden leerlo si tienen curiosidad sobre la nueva propiedad “src”. La verdad es que esto lo he hecho muy rápido, cuando tenga más tiempo incluiré en mi servidor el fichero .ttf para que no deba ir a buscarlo a los servidores de Google. Si en su navegador no se visualizan correctamente los nuevos textos por favor comuníquemelo a través del formulario de contacto o dejando un comentario en esta entrada.

— Editado el 06/02/2012 —

Este artículo data de cuando este sitio web estaba en Drupal y ya no es válido para la actual implementación en WordPress.