Colocar cualquier font en tu sitio web.

Hola!
Este post es para enseñarle algo muy sencillo pero muy útil al mismo tiempo. Si siempre quisiste que la fuente de de tu pagina fuera diferente a las comunes como arial, trebuchet, verdana, courier, etc... Puedes incluir fuentes que google pone a nuestra disposición.
No necesitas descargar nada, solamente debes "enlazar" la fuente a tu sitio para ocuparla.
Primero que nada debes ir a: http://www.google.com/fonts, y elige la fuente que deseas utilizar y.

Haz click en este icono:

Luego te saldra una nueva pagina donde deberas bajar hasta encontrar esto:


Te da tres opciones para insertar el código,
1- Standard: Una etiqueta HTML, Que la debes insertar entre las etiquetas "head" de tu pagina.
2- @import: Esto es para insertarlo en una "hoja de estilo" o más bien en un "CSS".
3- Javascript: Esta forma la puedes insertar en cualquier parte de la pagina ya sea entre el "head" o el "body". Aunque no es recomendable y la que menos se utiliza.

Ya una vez elegida la opción que utilizaras y ya insertado en tu pagina debes ver a que estilo le darás la fuente, para agregar el estilo solo debes hacerlo asi:
<style>body{font-family:neo tech;}</style>
Aqui esta insertado en una hoja de estilo, puedes cambiar el "body" por el nombre del "div" o "class" que deseas que lleve esa font. <div style="font-family:neo tech;">Texto</div> En este segundo código esta hecho para insertalo directamente en html.

Cualquier duda y consulta hacerlo aca abajo.
Saludos.

No hay comentarios:

Publicar un comentario