Tutorial: Usar Fonts de "Google Fonts" en tu blog ♥


Hola  ,hice lo mas rapido que pude para hacer este tutorial ,por que mi hermano me dejo un ratito para entrar  , bueno este tutorial trata como cambiar la Fonts de tu blog (osea los estilos de las letras ) ,Les enseñare como usar las fonts de Google y ponerlas en su blog.


Primero vamos a Google Fonts , elijes la fuente que mas te guste .

, en caso mio , yo elijire este , y pones clic en Add to Collection
Y luego se puso una aspita (Esta mal el numero  no era 3 ,era 2 jijiji me confundi) , despues pones clic en el paso 4 en ese botoncito como indica la imagen y sale un nombre de Quick use

Al aser clic te llevara aqui donde indica la flecha ,aveces llega otros estilos para ponerlo y le ases clic y ves que tenga aspita,en caso mio no me salio otros estilos , solo unito 

Te vas mas abajo y esta esto el primer codigo que sale lo colocas antes de <head>
Añadido Reciente (Me olvide xD)
 Pero le aumentas un "/" antes de ">"
Por ejemplo esta asi el codigo
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'>
Y aora ponemos /  ,asi quedara :
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'/>
------------------
Aora el segundo codigo lo colocas despues de  body {
o despues de body, html {
si tienes alguna font debajo de esos codigos por ejemplo
body {
font: normal  11px 'Times New Roman';
borras la font y remplazas por el segundo codigo , que seria en el mio
font-family: 'Bubblegum Sans', cursive;

 Y eso es todo  ponen Vista Previa aver si les funciono 
Este tutorial me pidio Kumy y bueno si no quieres leer todo eso  ,aqui te digo brevemente lo que te iba a decir en el comentario 
*--Despues de aqui es para Kumy--*

Pega esto antes de <head>
<link href='http://fonts.googleapis.com/css?family=ABeeZee' rel='stylesheet' type='text/css'/>
Aora buscas body {
y buscas si tienes una font la borras y remplazas por
font-family: 'ABeeZee';
font-size: 14px;
 la font-size elijes el tamaño de la letra ,espero que funcione y te sirva ,pones vista previa primero si te sale .

11 comentarios :

  1. Holaaa >.< Primero gracias!! me sirvio mucho el tutorial n.n y te queria invitar a mi blog :D ya que tienes un premiesito *---*

    ResponderEliminar
  2. Gracias por el tutorial *w* ..por cierto ha quedado muy lindo el nuevo diseño {lo ame} realmente muy lindo
    Saludos y que estés bien~

    ResponderEliminar
  3. Si lo toy añadiendo uan cosa k me olvide x.x ¡ Esperame un ratio aorita lo pongo

    ResponderEliminar
  4. Ya lo añadi me olvide de decir que le pongan un " /" al final de > , losiento x3

    ResponderEliminar
  5. Holaa!! Muchas gracias por el tuto! Me encanta tu blog >.< Te pasas por el mío?
    nanaparadormir.blogspot.com.es

    ResponderEliminar
  6. QUE GENIAL!!
    YA ENTENDI A LA PERFECCION!!
    ARIGATO *3*

    ResponderEliminar
  7. Gracias por el tuto!! Esta muy sencillo!!!!

    Saludos y Cuídate!!

    ResponderEliminar
  8. exelente entrada una vez vi un tuto con este tema pero la verdad no lo entendi para nada porque cuando lo vi aun no existia el diseñador de plantillas de blogger xD

    ResponderEliminar
  9. wow este tutorial no lo habia visto gracias por compartirlo :D

    ResponderEliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥