Cómo usar fuentes personalizadas desde el sitio web de google fuentes en dreamweaver

Buscar a través de las fuentes disponibles en el sitio, seleccionando el tipo y estilo de fuente que está buscando.

Video: Uso de fuentes web con Dreamweaver CS6

Para concretar su búsqueda, usar 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.

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.

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 estar tentado a elegir todos los estilos, lo mejor es seleccionar sólo los que va a utilizar. A medida que Google advierte, las más estilos de fuente que elija, más tiempo se tardará en descargar su página web.

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

Video: #43 - Web fonts, Fuentes personalizadas con @font-face

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

Desplazarse final de la página a la caja azul con tres tabs- clic en la primera pestaña para enlazar la fuente a su sitio web.

Google ofrece tres opciones: Standard, @import, y javascript. A encontrar descripciones detalladas de los tres en el sitio de Google.

Video: Como agregar fuentes de Google Web Fonts

7. Copiar el enlace de la ficha Estándar campo en Google del mismo modo que copiar cualquier otro texto o código de una página web.

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

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

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, se debe incluir el nombre de la fuente exactamente como lo escribe en Google. Copiar y pegar es la mejor manera de asegurarse de que el nombre de la fuente coincide.

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

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

Si utiliza el tipo de letra en un estilo Selector de etiquetas, tal como la etiqueta, cuando se aplica la etiqueta de texto, la fuente se aplicará automáticamente como parte de la regla. Si se 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, tal como una

etiqueta o una etiqueta.

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

Video: Como utilizar web fonts de google en sitio web con @import

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 visualización en vivo. Para asegurarse de que la fuente funciona en su página, puede que tenga que transferir la página en 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.