Utilización de fuentes de Typekit y otras fuentes web

Trabajo con fuentes Typekit

Las fuentes web de Adobe Typekit están ahora disponibles en el menú para añadir o quitar fuentes de Adobe Muse.

Puede probar una selección limitada de fuentes de la biblioteca de Typekit con cualquier nivel del plan de Creative Cloud y, si se ha suscrito a un plan de pago, tendrá acceso a la biblioteca completa con miles de fuentes. Para obtener más información sobre los planes de suscripción de Typekit.

A diferencia de las fuentes web locales, Typekit aloja las fuentes que decide utilizar en su sitio web. Esto significa que si selecciona las fuentes de la biblioteca de Typekit y después publica su sitio en Muse, Typekit alojará automáticamente las fuentes y conectará su cuenta de Typekit con su sitio web.

Adición de fuentes de Typekit a su sitio

Aplicación de fuentes de Typekit al texto

Trabajo con Edge Web Fonts

Las fuentes web le permiten elegir entre cientos de fuentes en una gran biblioteca en línea alojada por Typekit.com. La biblioteca de fuentes web de Muse se incluye con la suscripción a Adobe Muse. No es necesario registrarse o adquirir una cuenta de Typekit para tener acceso a las fuentes y comenzar a usarlas en los diseños web.

Nota: si tiene una cuenta Typekit, verá que el conjunto de las fuentes web actualmente disponible en Muse es diferente al conjunto al que puede acceder cuando visita typekit.com. Las fuentes web que ofrece Muse son gratuitas, sin limitación, y no requieren una cuenta de Typekit. Las fuentes web que se ofrecen con una cuenta de Typekit están dosificadas y su acceso está controlado. En versiones futuras de Muse, se permitirá el acceso a la biblioteca de fuentes de Typekit desde el espacio de trabajo de Muse, pero esta función aún no está disponible.

Las ventajas de usar fuentes web son:

• Puede elegir fuentes estilizadas y muy exclusivas para aplicar estilo al contenido de texto, aunque no tenga las fuentes instaladas en el equipo.
• Las fuentes web que se aplican al texto están vinculadas a las páginas automáticamente al publicar, exportar o previsualizar el sitio.
• Las fuentes están alojadas por Typekit.com. Cuando los visitantes ven el sitio activo en un navegador, la fuente se descarga en segundo plano para mostrar el texto.

En el poco probable caso de que los servidores de Typekit no puedan cargar la fuente que ha aplicado dinámicamente al cargar las páginas, el contenido de texto se seguirá mostrando, usando una fuente de copia de seguridad predeterminada. Este escenario es muy poco probable, pero es bueno tener en cuenta que el contenido de texto lo podrán seguir leyendo los visitantes en cualquier caso y el sitio no mostrará un mensaje de error.

Preste atención al añadir fuentes web a su diseño. Si agrega demasiadas fuentes web, los visitantes experimentarán mayores tiempos de descarga, por lo que los sitios serían mucho más lentos, afectando en general a la experiencia del usuario. Con esto en mente, limite sus diseños y aplique 1-2 familias de fuentes con 4 estilos por familia. Dado que las fuentes web son recursos remotos (igual que las imágenes y el vídeo), se deben descargar en la caché del navegador del visitante a medida que ve las páginas de un sitio.

Otra característica es que Muse realiza un seguimiento de todas las fuentes web que se utilizan en un sitio. Si quita una fuente web que está siendo utilizada por un archivo .muse, la fuente web permanecerá en la lista del menú Fuente la próxima vez que abra el archivo .muse. Así no podrá eliminar una fuente que el sitio web necesite accidentalmente, y no será necesario realizar un seguimiento manual de las fuentes que utiliza al diseñar páginas.

Adición de fuentes web de Edge a un proyecto de Muse

Siga estos pasos para añadir una nueva fuente web:

1. Utilice la herramienta Texto para seleccionar texto en un marco de texto.
2. Utilice el menú Fuentes (en el panel de control o en el panel Texto) para elegir Fuentes web > Añadir fuentes web...

Aparecerá una nueva ventana que muestra la biblioteca de fuentes web.

Puede hacer clic en los filtros en la parte superior de la página para seleccionar el estilo de fuente que está interesado en añadir. O utilizar el campo de búsqueda para buscar una fuente por su nombre.

3. Una vez que encuentre la fuente que desea utilizar, simplemente haga clic en ella. Aparecerá una marca que indica que la fuente está seleccionada. Si lo desea, puede elegir varias fuentes para añadirlas a la vez.

Puede hacer clic en la misma línea o en el botón multi-línea cerca de la parte superior derecha para ver las fuentes que son más adecuadas para los encabezados o párrafos.

Si hace clic en el botón de casilla de verificación situado en el extremo derecho, la ventana muestra la lista de fuentes que ha seleccionado. Si cambia de idea y decide no agregar una fuente, simplemente haga clic en el nombre de la fuente nuevamente para anular la selección.

4. Cuando termine de seleccionar las fuentes que desea añadir, haga clic en OK.

Aparece el cuadro de diálogo de notificación de fuentes web para confirmar que se han añadido las nuevas fuentes web.

5. Haga clic en OK. (Y marque la casilla No volver a mostrar, si así lo desea).

Ahora, al utilizar el menú Fuentes para seleccionar la opción Fuentes web de nuevo, aparece la lista de fuentes añadidas.

Adición y aplicación de fuentes web de Edge

Trabajo con fuentes web locales

La función de fuentes web locales permite utilizar y acceder a fuentes web que haya adquirido de proveedores de terceros. Algunas fuentes web pueden no estar disponibles en el equipo o el dispositivo de todos los visitantes. En tal caso, en función del motor de texto del navegador, se utiliza en su lugar una fuente segura para web, que afecta de manera considerable al aspecto del sitio web.

Las fuentes web se deben descargar de un servidor, como el que aloja Adobe Edge web Fonts (con tecnología de Typekit). También se puede conservar en el mismo servidor web que aloja el contenido del sitio. El enfoque de alojar y representar las fuentes web en tiempo real durante una visita al sitio se denomina alojamiento automático, y las fuentes que se obtienen de esta manera se denominan fuentes web locales.

Requisitos previos

Los siguientes tipos de fuentes son necesarios cuando se trabaja con fuentes web locales:

Fuentes del sistema

Son necesarias para diseñar la página web en Adobe Muse. Al comprar una fuente web, asegúrese de que descarga e instala las fuentes de equipo con licencia correctamente. Adobe Muse admite los siguientes formatos de fuente:

• True Type Font (.ttf)
• Open Type Font (.otf)
• True Type Collections (.ttc)
• Mac Data Fork Fonts (.dfont)
• Mac Resource Fork TrueType Suitcases

Fuentes web

Se utilizan al representar el sitio en el navegador. Adobe Muse le exige obtener los siguientes formatos de fuentes web para representar la fuente en todos los navegadores:

• Web Open Font Format (.woff)
• Embedded OpenType (.eot)
• Scalable Vector Graphics (.svg). Este formato es necesario para los dispositivos Android más antiguos.

Adición de fuentes web locales

Gestión de fuentes web locales

El modo de gestión muestra una lista de todas las fuentes web locales recibidas con sus fuentes de equipo correspondientes. Las fuentes recién añadidas ascienden a la parte superior de la lista, así como las fuentes que tengan archivos de fuentes no disponibles o que no coincidan con fuentes de equipo.

El modo de gestión de las fuentes web locales le permite realizar las siguientes acciones:

Especificar una fuente de equipo coincidente

En ocasiones, es posible que Adobe Muse no pueda hacer coincidir una fuente web con su fuente de equipo correspondiente de manera automática. En este caso, será necesario especificar explícitamente una coincidencia para la fuente web. Para especificar una coincidencia para una fuente web, haga lo siguiente:

Especificar archivos de fuentes no disponibles

Si Adobe Muse no encuentra los archivos .eot o .svg correspondientes al archivo .woffautomáticamente, puede buscarlo manualmente. Para buscar un archivo de fuente no disponible, haga clic en el botón situado junto a la fuente. Haga clic en Examinar y vaya a la ubicación del archivo no disponible. Haga clic en OK para añadir el archivo no disponible.

Tareas diversas

• Proporcionar información de licencia: haga clic en el botón  junto a la fuente que desea editar, y proporcione la información de licencia. Para terminar, haga clic en OK.
• Eliminar fuentes: seleccione la fuente que desea eliminar y haga clic en OK.
• Filtrar la lista de fuentes: para filtrar la lista de fuentes, escriba alguna letra de la etiqueta de la fuente o el nombre completo en el cuadro de texto del filtro.

Examinar fuentes web locales

Si ya ha añadido fuentes web locales, el modo Examinar se activa automáticamente al iniciar el cuadro de diálogo Añadir fuentes web. Este modo ofrece previsualizaciones de las miniaturas de las fuentes (agrupadas por familia) y le permite seleccionar fuentes y añadirlas a la lista desplegable Fuentes. (De forma predeterminada, todas las fuentes locales recién añadidas se añaden a la lista desplegable Fuentes, en caso de que no haya problemas, como archivos de fuentes no disponibles o fuentes sin coincidencias en el equipo). También puede filtrar las familias de fuentes por nombre o mostrar solo los elementos seleccionados.