La plataforma Futudownloads está en desarrollo.

29 abr. 2012

Utilizar Google Web Fonts

Las fuentes que otorga Google para los sitios Web es de gran ayuda porque les sirve a aquellos que quieren tener estylos diferentes en sus sitios web, tambien es funcional en Blogger
Utilizar Google Web Fonts en Blogger
  • Vas al sitio Google Web Fonts.
  • Puedes ver muchos estilos de texto para webs, tu puedes elegir el que quieras.
  • Luego para agregarlo en cualquier parte de tu blog, como en el estilo de texto de un menu u cuerpo del sitio.
  • Vas a Plantilla y Luego das click en Edicion de HTML.
  • Hallas elegido tu Web font debajo, Google te da un codigo de CSS para que lo utilices en tu sitio.
Ejemplo
Esta es la version estandard la cual solo agregas el codigo antes de </head>.
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  •  tu eliges el que quieras. (Te recomendamos el css o el estandard).
  • Puedes agregarle el codigo de identificacion css por ejemplo a blockquote.
blockquote {
border:1px solid #999;
font-size:16px;
padding:5px 0 0 5px;
font-family: 'Great Vibes', cursive;
}
Version estandard
  • Vamos a copiar el codigo y lo pegaremos antes de </head>.
  • Luego en el CSS del contenido al quieras agregarle el texto agregale el Integrated Fonts into your CSS.
Ejemplo
font-family: 'Great Vibes', cursive; 
  •  Y guardas los cambios, cuando vallas a ver el resultado sera algo como el siguiente ejemplo.
Este es el ejemplo de la fuente Great Vibes en el resultado previsto
  • Este es el metodo mas facil de usar.
  • Ejemplos.
  • FUTUdownloads Toturiales para Blogger
  • FUTUdownloads Toturiales para Blogger
  • FUTUdownloads Toturiales para Blogger
  • FUTUdownloads Toturiales para Blogger

Fuente | Google Webfonts