Una de las maneras más fáciles de usar Dreamweaver para añadir fuentes personalizadas a su sitio es ofrecido por Google. Google Web Fuentes ofrece una colección limitada de fuentes, pero se puede utilizar todas sus fuentes de forma gratuita. Siga estos pasos para añadir cualquiera de las fuentes desde el sitio web de Google Fuentes a sus páginas:

1. Abra un navegador web y visitar Web Fonts sitio de Google.

2. Realice una búsqueda entre las fuentes disponibles en el sitio, seleccionando el tipo y estilo de letra que está buscando.

   Para concretar su búsqueda, use los filtros (en la columna izquierda). Usted puede cambiar el texto que se muestra en cada fuente editando el campo de texto de vista previa en la parte superior de la pantalla.

   

3. Encontrar una fuente que te gusta y, a continuación, haga clic en el botón azul Añadir a la colección en la parte inferior derecha, justo debajo de cada nombre de fuente.

4. Haga clic en las casillas de verificación junto a cada uno de los estilos de fuente que desea utilizar en su página web.

   La mayoría de las fuentes en el directorio de fuentes de Google tienen un solo estilo. Aunque usted puede tener la tentación de elegir todos los estilos, lo mejor es seleccionar sólo los que utilizará. Como advierte Google, más estilos de fuente que usted elija, más tiempo se tardará en descargar su página web.

5. Desplácese por la página y seleccione la opción América (para Inglés).

   Si usted necesita los caracteres adicionales para otro idioma, seleccione la opción Extended América en su lugar.

6. Desplácese al final de la página a la caja azul, con tres tabs- haga clic en la primera pestaña para enlazar la fuente de su sitio web.

   Google ofrece tres opciones: Estándar,import y javascript. Encontrará descripciones detalladas de los tres en el sitio de Google.

   

7. 7. Copiar el enlace desde el campo ficha Estándar en Google tal y como lo copiaría a cualquier otro texto o código de una página web.

8. En Dreamweaver, pegar el enlace en el área de la cabeza de su página web entre el abierto y cerca las etiquetas.

9. Volver a la web Fonts sitio de Google y en la parte inferior de la página, copiar el nombre de la familia de fuentes.

   Usted puede encontrar el nombre de la familia de fuentes en el integrar las fuentes en su área de CSS.

   En su definición de estilo, tiene que incluir el nombre de la fuente tal y como Google lo escribe. Copiar y pegar es la mejor manera de asegurarse de que el nombre de la fuente coincide.

10. En Dreamweaver, pegue el nombre de la familia de fuentes en la regla CSS donde desea utilizar la fuente.

11. Aplicar la regla de texto en su página web.

    Si utiliza el tipo de letra en un estilo del selector de etiquetas, tales como el

    etiqueta, cuando se aplica la etiqueta de texto, la fuente se aplicará automáticamente como parte de la regla. Si utiliza el tipo de letra en un estilo de clase o ID, el estilo, entonces se debe aplicar a una etiqueta que rodea el texto, como un

    etiqueta o una

    etiqueta.

12. Publicar la página en un servidor web y luego una vista previa de la página en un navegador web para ver la fuente.

    Tenga en cuenta que cuando se utiliza Fuentes web de Google no puede ver la fuente que se muestra en Dreamweaver, incluso si se utiliza la opción de vista en vivo. Para asegurarse de que la fuente funciona en su página, puede que tenga que transferir la página a un servidor web a través de FTP y vista previa de la página después de que se haya publicado en línea.