FUENTES PERSONALIZADAS

Existen dos formas de personalizar las Fuentes de una pgina web, una a travs
de Fuentes de google y la otra a travs de archivos de Fuentes.
1. A travs de fuentes de google
Las fuentes de google, son fuentes que estn disponibles de manera
gratuita para poder acceder a ellas dese una pgina web. Para ello siempre
se deber estar conectado a internet.
Para incorporar fuentes de google en una pgina web se deber
a. Crear la pgina web en la cual se desea incorporar este tipo de fuentes.
b. Ingresar al sitio de google donde se encuentran las fuentes:
https://www.google.com/fonts
c. Seleccionamos la fuente que deseamos incorporar a nuestra pgina
d. Hacemos clic en el icono de quick use (Uso rpido)
e. Seleccionamos el cdigo que aparecen en la seccin:
Add this code to your website (Adicionar este cdigo a su sitio web) en
la seccin de encabezado de la pagina web (seccin head)

f. Accedemos a la fuente seleccionada desde el cdigo css, de la

siguiente manera, para lo cual debemos integrarla a nuestro archivo css.
Para ellos seleccionamos el cdigo que aparece en la seccin de google
fonts:Integrate the fonts into your CSS (Integrar las fuentes en su CSS)

El cdigo css se muestra en la siguiente imagen

g. Hacemos referencia desde nuestra pgina web al archivo de estilos css

donde se encuentra definida nuestra fuente a travs de la etiqueta
<link> de la seccin de encabezado de la pgina web.

h. Finalmente llamamos a nuestro estilo de fuente en la seccin de la

pgina web donde se desea que aparezca.

Y el resultado es el siguiente:

2. A travs de archivos de fuentes

Existen dos tipos de archivos de fuentes que se pueden utilizar en las
pginas web que son los ttf y los otf. Los ttf (true type fonts= fuentes de tipo
verdadero): este tipos de archivos no son de libre uso, hay que pagar por el
derecho utilizar, mientras que los otf (open type Font = fuentes de tipo
abierto) son gratuitos.
Para incorporar este tipo de archivos de fuentes en nuestra pagina web.
1. Descargar el archivo de fuente que deseamos incorporar
2. Descomprimir y/o desempaquetar el archivo de
descargamos

fuentes

que

3. Creamos nuestro de estilo de fuente de la siguiente manera:

4. Llamamos desde css a nuestro nuevo estilo de fuente

5. Finalmente lo asignamos a nuestro texto html