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.

Un comentario en «Ya estamos haciendo servir Google Fonts en VIC Services»

  1. Where does font loading fall wihitn actual web standards? Also, is it reasonable to assume that font loading will, in the very least, never get accepted by IE since there would be obvious concerns about font copyrights/licensing? How is the browser loading the font file? I assume it’s being stored somehow, which I would also assume would make most font creators reluctant to have their fonts used in public sites.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.