Actualizado esta semana
Este artículo explica cómo alojar fuentes web de Monotype, así como la forma de supervisar su uso mediante Monotype Fonts.
Una vez hayas añadido las fuentes a los proyectos web y a los anuncios digitales, y hayas optimizado su rendimiento mediante la creación de subconjuntos, estarán listas para mostrarse.
Las secciones a continuación describen cómo descargar fuentes web aprobadas, alojarlas en tu propia infraestructura, y garantizar que se informe de su uso como es debido.
Cuando autoalojas fuentes web de Monotype, eres responsable de:
Descargar los archivos de fuentes de un proyecto de fuentes web aprobado.
Alojar los archivos en tu servidor web o red de entrega de contenidos (CDN).
Incrustar el CSS que se proporciona para que las fuentes se carguen de forma correcta.
Permitir que se informe de los datos de uso para cumplir con las licencias.
Informar del uso es imprescindible para confirmar que estás empleando las fuentes según los términos de sus licencias.
Alojamiento de fuentes web mediante el servicio de CDN de Monotype
El servicio de alojamiento de fuentes web de Monotype sirve las fuentes desde nuestra CDN. De esa forma, garantiza que se reciban con rapidez sin importar dónde estén los visitantes. Para alojar tus fuentes web mediante el servicio de Monotype:
Haz clic en tu proyecto web para abrir la vista principal a la derecha.
Haz clic en el botón Incrustar código que aparece encima de la lista.
En el cuadro de diálogo Código de incrustación de proyectos web, puedes elegir incluir las fuentes en tu aplicación web mediante CSS.
Haz clic en Copiar el fragmento de código CSS.
Pégalo en la sección <head> de tu archivo HTML para utilizar las fuentes de este sitio web.
Nota: Esta secuencia de comandos se emplea para descargar el proyecto web desde la CDN durante el tiempo de ejecución y hacer un seguimiento del uso.
Ve a la sección Estilos de fuente para CSS del cuadro de diálogo Código de incrustación de proyectos web. Selecciona un estilo de fuente del menú desplegable para generar sus códigos de estilo font-family, font-style y font-stretch, y usarlos en el CSS de tu sitio web. Haz clic en el botón Copiar para reutilizarlos.
Repite el paso anterior para todos los estilos que quieras incluir en tu CSS.
Nota: Hemos incorporado una nueva generación de servicios de alojamiento para fuentes web y anuncios digitales. Como consecuencia de ello, hemos desfasado la tecnología anterior, y eso restringe lo que puedes hacer con los proyectos web y anuncios digitales antiguos. Obtén más información sobre esta transición aquí.
Autoalojamiento de fuentes web
Nota: Esta función solo está disponible para clientes que tengan contratado el plan Enterprise. Si tienes alguna duda, ponte en contacto con [email protected].
También puedes descargar kits de autoalojamiento para tus proyectos web y tener las fuentes disponibles directamente en tus propios servidores. Sigue estos pasos para descargar el kit web de autoalojamiento.
Haz clic en Descargar kit.
Extrae el archivo ZIP descargado. Por ejemplo, el archivo WebFonts_<your web project name-uniqueID>.zip.
Sube a tus servidores las fuentes de la carpeta descargada. Esta carpeta contiene las versiones WOFF (.woff) y WOFF2 (.woff2) de cada estilo incluido en tu proyecto web. Por ejemplo:
El kit de autoalojamiento descargado también incluye lo siguiente:
Ejemplo de implementación de fuentes web
Incluye el archivo startHere.html y la carpeta startherefiles.
Al abrir el archivo startHere.html podrás ver:
Directrices de implementación para fuentes web, incluido un CSS de ejemplo.
Algunos pasos básicos para solucionar problemas por si encuentras incidencias al usar las fuentes.
Una sección destacada que muestra, mediante un modelo en cascada, cómo se renderizan las fuentes web en distintos tamaños.
CSS del proyecto web
Archivo: <Unique WebProject Id>.css
Este es el CSS recomendado que debes usar junto con las fuentes web en tu página. Está configurado para ofrecer un rendimiento óptimo durante la descarga y el renderizado de las fuentes web.
En la parte superior también incluye un enlace a nuestro CSS de seguimiento «1.css», vinculado al proyecto web que has creado en Monotype Fonts.
Este CSS permite controlar el uso de las fuentes web y enviar esos datos a Monotype Fonts para la elaboración de informes y la gestión de licencias.
Supervisión del uso de fuentes e informes
El uso de las fuentes web se contabiliza a partir del número de visualizaciones de página en proyectos web y de las impresiones de anuncios digitales.
Como administrador de la empresa, puedes supervisar fácilmente el uso de las fuentes haciendo clic en el botón Informes. Este aparece en la vista principal, bajo el nombre del proyecto web o anuncio digital, tal como se muestra a continuación:
Haz clic aquí para obtener más información sobre la supervisión del uso de fuentes y los informes.
Información importante:
El número de visualizaciones de página o de impresiones se calcula para el conjunto del proyecto web o del anuncio digital. Por ejemplo, si tu proyecto web contiene diez fuentes y se visualiza una de las páginas web una vez, el informe mostrará una visualización, no diez.
En caso de exceder los límites de uso, Monotype no desactivará el servicio alojado ni emitirá una factura con cargos adicionales. No obstante, es posible que el equipo se ponga en contacto contigo si el consumo supera ampliamente lo permitido en tu plan.