En esta entrada vamos a ver el proceso de añadir una nueva fuente para nuestra página. Usando Google Fonts (www.google.com/webfonts) podemos utilizar más estilos de fuente de los que nos ofrece Dreamweaver por defecto. En pocos pasos vamos a tener una nueva fuente a nuestra disposición para utilizarla.
Por ejemplo, para incorporar el estilo de fuente Aclonica procedemos a través de unos pocos pasos. |
| Photo Credit: Inti via Compfight cc |
En Internet vamos a google.com/webfonts. La página tiene la siguiente apariencia:
Debajo de font families shown empezamos a escribir el nombre de la fuente, al teclear a ya
nos salen todas las fuentes que su nombre empieza igual hasta que queda la que nos interesa, aclonica:
Pulsamos en el botón azul Add to Collection. En la parte inferior de la pantalla tenemos una
nueva sección donde tenemos que pulsar en el botón Use:
Que nos lleva a la siguiente pantalla:
Donde no tenemos más que desplazarnos a la parte inferior de
la pantalla para copiar el código:
Para disponer del mismo sin problemas, lo
copiamos en la sección head debajo del link a la página de estilos css de
nuestra página.
Solo queda un paso. Si lo aplicamos a los
botones de navegación del ejemplo anterior, nos quedará así:
Guardamos los cambios y ya tenemos
incorporada la nueva fuente en nuestra página.
Como se observa, añadir una fuente a una página web requiere pocos pasos y en poco tiempo podemos disponer de más fuentes de las que nos suministra Dreamweaver por defecto. Un saludo!!
