Sitio de Google: Web Google Font.
EJEMPLO: "Estilo" de fuente que elegí:
& utilice en los títulos de los post:
Guíate bien con las imágenes & ten en cuenta que los código que muestro son EJEMPLOS, varían según el tipo de letra que utilices.Vas a Web Google Font, eliges la Fuente que deseas & presiona sobre el icon "Quick-use":
Luego, te mostrara el código que debes utilizar & lo copias:
EJEMPLO: Elijo el siguiente estilo de letra:
Presiono en la flechita de "Quick-use" & copio el código que me presenta:
Ahora presta atencion; al codigo que copie, debo agregarle al final, la siguiente linea:
</link>
EJEMPLO: El codigo que copie anteriormente es el siguiente:
<link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'></link>& le agregue al final lo siguiente: </link> {Este seria el cierre del código}.
Ya al tener el código COMPLETO/CERRADO vamos A Plantilla / Edición HTML & buscamos {CTRL + F} la linea: {que se ubica al comienzo del código}
<head>& lo pegamos DEBAJO de ello.
Ya tenemos la nueva fuente "instalada" en nuestro sitio. Ahora podemos utilizarla donde queramos que se destaque o que le de un estilo especial. Les explicare como colocarla en el titulo de los post:
Vamos a Plantilla / Personalizar / Añadir CSS donde pegamos lo siguiente:
h3.post-title { AQUINOMBRE }
Donde dice AQUINOMBRE, debemos colocar el nombre del estilo de letra que elegimos, lo encontraras ARRIBA del codigo que copiaste anteriormente.
EJEMPLO: El nombre del estilo que yo elegi es el siguiente:
font-family: 'Grand Hotel', cursive;
& al reemplazarlo al codigo para los titulos del blog quedaria de esta forma:
h3.post-title { font-family: 'Grand Hotel', cursive; }
Guardas & listo, tienes tu nueva Font en tu blog ~
está genial, quisiera aprender sobre esto ^^ así que aquí viene mi duda, luego de agregar la fuente antes de "head" dices que debo buscar ese codigo "h3..." pero a mi me salen 5 y en ninguna de ellas encuentro las llaves o la frase "font-family..." así que no se que hice mal...
ResponderEliminarHola amo tu blog!! es muy lindo te gustaría afiliar?
ResponderEliminarhttp://kawaii-happyland.blogspot.com.ar/
Muy útil el tutorial por cierto que guapo esta el diseño :*
ResponderEliminarSaludos mell ^^
Ola melo! esto es urgente! me podrias buscar fonditos asi como de verano si? porfis!
ResponderEliminarme encanta fantastico gracias
ResponderEliminarbuenas, vengo con la misma duda ^^" es que no importa todas las paginas que lea no me es posible entender, o cuando creo que las entiendo termina por no salirme nada -_- la verdad es que no se mucho de html y peor de css así que en ese tema estoy mucho más perdido, NECESITO AYUDA...cuando tengas tiempo claro ^-^
ResponderEliminarNO ME CIRBIO PERO GRAX ^^
ResponderEliminarA mi tampoco me funciono bby.
ResponderEliminar¿Y si quiero usar más de una?
ResponderEliminarGracias!!!<3
ResponderEliminar