google font directory
buscando nuevos tipos de letras para el nuevo diseño del sitio me tope con este nuevo servicio de google, que todavia esta en su versión beta, llamado Google Font Directory; este servicio nos permite usar funtes bajo una licencia de codigo libre y usarlas en nuestra web, sin embargo tambien permite usar fuentes propias.
para comenzar a usarlo solo debemos colocar entre las etiquetas head lo siquiente:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
y luego colocar en la hoja de estilos esto:
font-family: 'Tangerine', serif;
al final deberiamos tener algo asi:
<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;
}
</style>
</head>
<body>
<h1>Making the Web Beautiful!</h1>
</body>
</html>aca pueden ver la lista de las fuentes disponibles; y para colocar una fuente propia se debe colocar lo siguiente:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js">
</script>
<script type="text/javascript">
WebFont.load({
custom: { families: ['OneFont', 'AnotherFont'],
urls: [ 'http://myotherwebfontprovider.com/stylesheet1.css',
'http://yetanotherwebfontprovider.com/stylesheet2.css' ] }
});
</script>para esto se debe usar el webfont loader de google, el cual tambien permite usar cuentas de typekit para seleccionar las fuentes a mostrar colocando esto:
WebFont.load({
typekit: 'myKitId'
});Algo que decir...
publicidad
siguenos !!
flickr
comentarios