Google Fonts, es una web en donde podrás encontrar más de 600 tipos de fuentes para tu web, que podrás insertar y usar fácilmente en tu blog.
Aquí mostraré a cómo instalar una fuente de Google Fonts a tu blog en Blogger.
1. Nos dirigimos a Google Fonts.
2. Una vez encontrada la fuente que queramos utilizar, le damos en el siguiente botón:
3. En esta parte, dependiendo de cuantas fuentes vas a usar, el medidor "Page Load" te indicará cuan alta será la carga de tu blog (en caso de que uses todas las fuentes seleccionadas). Si deseas solo instalar un estilo, seleccionas el que quieras y te saltas al número 3.
4. Acá tendrás que copiar el código que se muestra en el cuadro, e ir a Plantilla, Editar HTML, y pegarlo justo después del <head>.
Antes de guardar la plantilla, se deberá poner antes del cierre ">" el simbolo "/", quedando de esta manera:
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'/>
5.Instalada el tipo de fuente en el blog, te mostraré a ponerlo...
Como fuente predeterminada.- Para que todo el texto de tu blog que no se les ha asignado un tipo de fuente, utiliza el siguiente código:
body {
font-family: "Nombre de tu fuente" !important;
}
Reemplaza lo que se encuentra resaltado en rojo , por lo que indica.
En una entrada.- Para la entrada o posts que quieras utilizar el tipo de fuente, utiliza el siguiente código:
<span style="font-family: 'Raleway', sans-serif;">Lorem Ipsum</span>
Reemplaza lo que se encuentra en azul por el código que se muestra en el cuadro del paso 4 en Google Fonts. Y lo resaltado en rojo es el texto al que se le pondrá la fuente.
No hay comentarios:
Publicar un comentario