Utilización de Google Fonts en documentos de HTML5 Canvas

Buscar
Adobe Animate Guía del usuario
Se aplica a: Adobe Animate

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

Si se utilizan fuentes de escritorio para crear y publicar salidas web, la experiencia del cliente no es óptima. Animate introduce fuentes de Google que proporcionan una experiencia tipográfica uniforme en todos los factores de forma. Las fuentes de Google son fuentes gratuitas de código abierto de los servidores de Google. Para obtener más información sobre las fuentes de Google y los diseñadores de las fuentes originales, consulte https://fonts.google.com/about y https://fonts.google.com/attribution.

Las ventajas de usar las fuentes de Google se detallan a continuación:

  • Almacenamiento en caché: después de una descarga inicial, las fuentes se almacenan en los sistemas locales y no hay que volver a descargarlas. De esta forma, el texto se carga más rápido.
  • Código abierto: son gratuitas y se pueden redistribuir o modificar en función de sus necesidades.
  • Compatibilidad: funcionan perfectamente con el contenido web y publicitario.
  • Interactivas: proporcionan una experiencia de contenido interactiva en todos los factores de forma para ofrecer un aspecto estético uniforme.

  1. Abra su documento de HTML5 Canvas y seleccione la herramienta Texto en el panel Herramientas.

  2. En el panel Propiedades, seleccione Texto dinámico. 

  3. Haga clic en el icono Añadir fuentes web y seleccione Google Fonts.

    google_fonts_add
    Seleccionar el cuadro de diálogo Fuentes de Google

  4. El cuadro de diálogo Fuentes de Google recoge todas las fuentes web disponibles. A continuación podrá desplazarse por las fuentes, buscar fuentes específicas o filtrar por las propiedades de fuente para seleccionar la fuente más adecuada para su diseño.

    • Buscar: Busca fuentes por nombre.
    • Categoría: Filtra las fuentes según las categorías disponibles.
    • Ordenar por: Ordena las fuentes según las categorías siguientes:
      • Popularidad: Ordena según las fuentes más populares.
      • Alfabeto: Ordena las fuentes alfabéticamente.
      • Fecha de adición: Ordena en función de las fechas en que se añadieron al documento.
      • Número de estilos: Ordena según el número de estilos disponibles para cada familia de fuentes.
      • Tendencia: Ordena en función de las categorías de tendencia de fuentes.
    • Ayuda: Muestra la ayuda en línea para Google Fonts.
    • Cancelar: Cancela las fuentes seleccionadas.
    • Hecho: Añade la fuente seleccionada al documento.
    2b
    Cuadro de diálogo Fuentes de Google

  5. Para añadir una fuente al documento, haga clic en la fuente que desee utilizar y seleccione Hecho. Una marca de verificación indica que la fuente está seleccionada. 

    Nota:

    También puede seleccionar y añadir varias fuentes. 

  6. Para ver las fuentes agregadas en Animate CC, seleccione Carácter> Familia en el inspector de propiedades.

    Selected Google font in the Family menu
    Fuente de Google seleccionada en el inspector de propiedades

  7. En la lista desplegable Familia de caracteres, seleccione la fuente Google que va a utilizar en un documento de HTML5 Canvas.

    Webfonts-under-Font-menu
    Utilización de la fuente seleccionada en el documento

Consulte también