No soy experto en tipografía, pero usar las mismas fuentes estándar para su sitio web se vuelve aburrido. Google Web Fonts tiene una biblioteca completa de fuentes alojadas para su uso en su próximo proyecto web. Este tutorial de recetas técnicas explica cómo configurar las fuentes web de Google en su sitio.
1 Navegador a http://www.google.com/webfonts/
2 Examine todas las fuentes y encuentre la que desee usar. Tiene la opción de usar solo 1 familia de fuentes o usar múltiples. Primero, veamos cómo usar una familia de fuentes por sí misma. Comience seleccionando el enlace "Uso rápido".
3 Verá información como el tiempo de carga de la página utilizando esta fuente web. Recuerde, el navegador tendrá que revisar el servidor de Google para tomar la fuente y mostrarla a los visitantes. En el paso 3 tenemos 3 opciones sobre cómo usar estas fuentes. Podemos usar un enlace estándar, @import, o Javascript. Todo se reduce a las preferencias personales, pero solo uso el atributo de enlace estándar.
4 Ahora, copie y pegue el código en el encabezado de su sitio web tal como lo vincularía a una hoja de estilo CSS.
5 Ahora tenemos la fuente vinculada a nuestro sitio web. Necesitamos establecer uno de nuestros atributos de estilo para poder usar la fuente. Es tan simple como declarar la familia de fuentes pero usando el nombre de su nueva fuente. Recuerda usar una fuente alternativa que sea segura para la web.
6 Aquí está en acción.
7 Para vincular varias familias de fuentes, seleccione "Agregar a la colección" en las fuentes que desee, en lugar de la opción Uso rápido.
8 Puedes hacer esto para todas las fuentes que quieras; Sin embargo, recuerde que esto puede aumentar el tiempo de carga de su página. Cuando tenga todas las fuentes que desea, seleccione Utilizar En la parte inferior derecha de la página web.
9 Recibirá el código nuevamente, excepto que esta vez todas las fuentes se combinarán en una declaración de enlace. Ponga el código en su encabezado y diseñe su contenido de la misma manera que en el paso 4.
