La nueva base de fuentes “Google Font Directory” es una base de fuentes de texto.

Google Font Directory

Google Font Directory

Lo que Google ofrece es es una base de fuentes Open Source con posiblidad de descarga pero lo novedoso es que se puede utilizar mediante la API. Una opción interesante para quien quiera utilizar alguna fuente de texto y esta no sea tomada por el navegador del usuario.

Al utilizar API la fuente es tomada del servidor de Google. La ventaja esta en que al usarla desde API la fuente se mostrara correctamente en el navegador sin necesidad de tener que instalarla en el sitio web con otro métodos. Esto es útil para quienes quieren utilizar fuentes de autores desconocidos .

Un ejemplo de utilizacion de la API de Google Font Directory:

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
        text-shadow: 4px 4px 4px #aaa;
      }
    </style>
  </head>
  <body>
    <h1>Una buena fuente!!</h1>
  </body>
</html>

Copiando en un archivo y guardándolo en un simple “pagina.html” y subiendolo a un servidor podra verse como el texto en H1 toma la fuente elegida.

Muestra:

Google Directory Font

Google Directory Font

El uso de las Fuentes que aparecen en el directorio  son libres para usos comerciales y no comerciales. Para ver el detalle del tipo de letra Tanguerine (Autor, tipo de licencia, vista previa):http://code.google.com/webfonts/family?family=Tangerine

Los navegadores que lo soportan son:

  • Google Chrome: versión 4.249.4+
  • Mozilla Firefox: versión: 3.5+
  • Apple Safari: versión 3.1+
  • Opera: versión 10.5+
  • Microsoft Internet Explorer: versión 6+

Para poder ver códigos y mas ejemplos:

Directorio: http://code.google.com/webfonts

Google Project: http://code.google.com/p/googlefontdirectory/

Codigos ejemplo: http://code.google.com/intl/es-419/apis/webfonts/docs/getting_started.html#Quick_Start

FAQ de API: http://code.google.com/intl/es-419/apis/webfonts/faq.html

Compartir