Puede agregar tanto fuentes Adobe Edge como fuentes Web a la lista de fuentes de Dreamweaver. En la lista Fuentes, las pilas de fuentes que admite Dreamweaver se enumeran en primer lugar, por delante de las fuentes Web y fuentes Edge.

Añadir fuentes Adobe Edge a la lista de fuentes

Ahora puede utilizar fuentes Adobe Edge en sus páginas Web. Cuando se utiliza una fuente Edge en una página, se añade una etiqueta de script adicional para hacer referencia a un archivo JavaScript. Este archivo descarga la fuente del servidor de Creative Cloud directamente a la memoria caché del navegador.

Al visualizar la página, las fuentes se descargan del servidor de Creative Cloud aunque la fuente esté disponible en el equipo del usuario.

Por ejemplo, (en 12.2) una etiqueta Script que solo utiliza la fuente "Abel" tiene el formato:

<!--La siguiente etiqueta de script descarga una fuente del servidor de Adobe Edge Web Fonts para su uso dentro de la página Web. Le recomendamos que no la modifique. -->

<script src="http://webfonts.creativecloud.com/abel:n4:default.js" type="text/javascript"></script>

"abel" es el nombre interno que el servidor utiliza para identificar la fuente. n4 indica que la variante de la fuente que se está descargando es de estilo "normal" y tiene el grosor "400".

En Dreamweaver CC, el script que se añade es el siguiente:

<!--La siguiente etiqueta de script descarga una fuente del servidor de Adobe Edge Web Fonts para su uso dentro de la página Web. Le recomendamos que no la modifique. -->

<script>var adobewebfontsappname ="dreamweaver"</script>

<script src="http://use.edgefonts.net/abel:n4:default.js" type="text/javascript"></script>

  1. Seleccione Modificar > Administrar fuentes.

  2. La ficha Fuentes Adobe Edge muestra todas las fuentes Adobe Edge que se pueden añadir a la lista Fuentes.

  3. Para buscar y añadir fuentes de esta lista a la lista Fuentes, haga lo siguiente:

    • Haga clic en la fuente que desea añadir a la lista Fuentes.
    • Para anular la selección de una fuente, haga clic en la fuente nuevamente.
    • Utilice filtros para limitar la lista de manera que solo incluya las fuentes preferidas. Por ejemplo, para limitar la lista a las de tipo Serif, haga clic en .
    • Puede utilizar varios filtros. Por ejemplo, para mostrar solo los filtros de tipo Serif que pueden utilizarse para párrafos, haga clic en y .
    • Para buscar una fuente por su nombre, escriba su nombre en el cuadro de búsqueda.
  4. Haga clic en para filtrar las fuentes que ha seleccionado.

  5. Haga clic en Listo.

  6. Abra la lista de fuentes desde cualquier ubicación. Por ejemplo, puede utilizar la lista Fuentes de la sección CSS del panel Propiedades.

    En la lista Fuentes, las pilas de fuentes de Dreamweaver se muestran delante de las fuentes Web. Desplace hacia abajo la lista para localizar las fuentes seleccionadas.

De un experto:

De un experto:
Train Simple

Añadir fuentes Web locales a la lista de fuentes

Puede añadir las fuentes Web del equipo a la lista Fuentes de Dreamweaver. Las fuentes añadidas se reflejan en todos los menús de Fuentes de Dreamweaver. Se admiten fuentes de tipo EOT, WOFF, TTF y SVG.

  1. Seleccione Modificar > Administrar fuentes.

  2. En el cuadro de diálogo que aparece, haga clic en la ficha Fuentes Web locales.

  3. Haga clic en el botón Examinar correspondiente al tipo de fuente que desea añadir. Por ejemplo, si la fuente está en formato EOT, haga clic en el botón Examinar correspondiente a Fuente EOT.

  4. Vaya a la ubicación del equipo que contiene la fuente. Seleccione el archivo y ábralo. Si hay otros formatos para la fuente en esa ubicación, estos se añadirán automáticamente al cuadro de diálogo. El Nombre de fuente también se toma automáticamente del nombre de la fuente.

  5. Seleccione la opción que le pide confirmación de que ha obtenido licencia para utilizar la fuente en un sitio Web.

  6. Haga clic en Listo. La lista de fuentes se muestra en la Lista actual de fuentes Web locales.

    Nota:

    Para eliminar una fuente Web de la lista Fuentes, seleccione la fuente en Lista actual de fuentes Web locales y haga clic en Quitar.

Crear pilas de fuentes personalizadas

Una pila de fuentes es una lista de fuentes en una declaración de familia de fuentes de CSS. Mediante la ficha Pilas de fuentes personalizadas del cuadro de diálogo Administrar fuentes, puede realizar las siguientes operaciones:

  • Añada nuevas pilas de fuentes utilizando el botón “+”.
  • Para editar las pilas de fuentes existentes, seleccione la pila de fuentes en la Lista de fuentes. Utilice los botones “>>” y “<<” para actualizar la lista de Fuentes elegidas.
  • Elimine pilas de fuentes existentes mediante el botón “-”.
  • Reordene las pilas mediante los botones de flecha.

Vista previa de fuentes insertadas

No puede obtener una vista previa de fuentes Edge y Web en la vista Diseño. Cambie a la Vista en vivo u obtenga una vista previa de la página en un navegador para obtener una vista previa de estas.

Actualización de la etiqueta script de fuentes Web en todos los archivos

Al actualizar la fuente en un archivo CSS que está vinculado a varios archivos HTML, se le pedirá que actualice la etiqueta script en los archivos HTML relacionados. Al hacer clic en Actualizar, se actualizarán las etiquetas script de todos los archivos HTML afectados.

Actualización de la etiqueta script de fuentes Web en una página

Seleccione Comandos > Limpiar etiqueta de script de fuentes Web (página actual) para actualizar las fuentes Web de la página Web que no se reflejan en la etiqueta script.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea