- Ingresar a GOOGLE FONST.
- Una ves ya hay buscamos la fuente de letra que mas nos guste.
- Yo Escogí la fuente "Oswald".
- Como ven en la imagen a la derecha tiene unos botones, Le dan clic al que dice "Quick-Use".
- Ahora se nos actualiza la pagina, Algunas fuentes tiene diferentes tipos, Como: "Cursivo, Negrella", En este caso esta los tiene, Solo marcamos el estilo que queremos.
- Bajamos un poco y encontramos una link en mi caso fue.
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
- Ahora copiamos ese código, Nos vamos a nuestro blog en edición HTML lo pegamos antes después del <head>.
- Pegamos en código y agregamos / justo antes del final, De tal manera quede así.
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
- Ahora presionan ctrl+f.
- Y buscan "]]></b:skin>" sin las comillas.
- Antes de esa etiqueta pegan el siguiente código.
.post h3 {
(aqui el código que habéis copiado de Google Fonts)
font-size: 25px;
}
- La linea de rojo sera reemplaza por el codigo que esta mas abajo de la pagina de google fonst en caso es.
- font-family: 'Oswald', sans-serif;
- deberá quedar algo así.
.post h3 {
font-family: 'Oswald', sans-serif;
font-size: 25px;
}
- Listo le dan en guardar y ven los cambios.
0 comentarios:
Publicar un comentario