Como agregar fuentes con estilo a tu web

¿Quieres que las letras de tu web tengan estilos diferentes a los convencionales  "Arial" o "Times New Roman"?

En esta publicación te explico como incluir fuentes de Google Fonts que harán lucir tu web con estilo propio.😉



A por las fuentes!!:

1.Ingresar a google fonts.

En esta página encontraras cantidad de modelos de fuentes para elegir :



2.Seleccionar las fuentes de tu gusto.

Para esto debes hacer clic en el signo "+" que aparece en la parte superior derecha del modelo de letra elegido.

En la parte inferior derecha aparecerá un recuadro en negro que indica que la fuente quedo seleccionada.

Puedes elegir la cantidad de fuentes que quieras y se irán agregando a la lista.



3.Copiar y pegar la etiqueta HTML.

Al hacer clic en el recuadro en negro se despliega  información donde se muestra la etiqueta HTML que debes agregar a tu código.

Copia la etiqueta  que se muestra al seleccionar la opción standard.



Esta etiqueta  la debes pegar en la sección "head" de tu código html.



4.Usar la fuente en tu código

Para que las letras tengan el estilo de una de tus fuentes seleccionadas debes incluir en el html o en el css el nombre de la misma en el atributo font-family.






Listo .... con esto es suficiente para que tus páginas web tengan un estilo fuera de lo convencional . 😉

Aquí te dejo un vídeo con todo el proceso:



Si te fue útil este artículo  o si te queda alguna duda déjame un comentario aquí abajo.

Gracias por leer este post !!😀

Comentarios