La vinculación de estilos hace referencia al uso de las declaraciones font-face para los diferentes estilos de una misma familia de fuentes, en lugar de utilizar un nombre de familia distinto para cada estilo de fuente.
En esta sección descubrirás lo siguiente:
¿Qué son los proyectos web y anuncios digitales?
Proyectos web
Los proyectos web son herramientas organizativas de la biblioteca que te permiten acceder al formato de fuente web de tus fuentes y agruparlas en un lugar accesible.
Haz clic aquí para obtener más información sobre los proyectos web.
Anuncios digitales.
Como ocurre con los proyectos web, los anuncios digitales de Monotype Fonts constituyen otra opción de agrupación para organizar la biblioteca de fuentes y preparar las fuentes web para usarlas en anuncios HTML5.
Haz clic aquí para obtener más información sobre los anuncios digitales.
¿Cómo se puede definir una fuente web en CSS?
Hay dos maneras de definir fuentes web en CSS:
Con definiciones de las fuentes web vinculadas por familias, donde las propiedades font-face se utilizan para explicar con más detalle qué estilo de fuente se debe usar en una familia de fuentes específica. Actualmente, es el estándar del sector.
Con definiciones de las fuentes web individuales, que incluyen definiciones font-face para cada fuente web de la familia.
¿Cómo vinculo los estilos de un recurso digital?
Accede a https://enterprise.monotype.com/.
Inicia sesión en la plataforma web Monotype Fonts.
Haz clic en Mi biblioteca y escoge un recurso digital del panel izquierdo.
Aparecerá un báner indicando «Ya está disponible la vinculación de estilos en Monotype Fonts» en el recurso seleccionado. Esto se debe a que el recurso utiliza el método antiguo de vinculación de estilos.
Haz clic en el icono de tres puntos verticales
y selecciona Duplicar en el menú desplegable. A continuación, el recurso se duplicará.Nota: El usuario debe tener permisos de edición o copropiedad para duplicar los recursos digitales.
Esta acción crea una copia del código de incrustación con el nuevo formato del estilo vinculado y muestra un nuevo báner: Este anuncio digital o proyecto web emplea estilos vinculados.
Haz clic en </> Código de incrustación para ver el estilo de fuente de ese proyecto web y copiar todos los elementos de CSS.
Nota: Hemos mejorado el seguimiento de las visualizaciones de las páginas de fuentes web mediante el cambio a una implementación ligera de JavaScript y CSS. Te recomendamos que utilices esta implementación en lugar de la antigua CSS para acelerar la carga de la página y disfrutar de una experiencia más fluida.
¿En qué se diferencia el código de incrustación de la nueva forma de vincular estilos del anterior?
Antes, el seguimiento de las visualizaciones de las páginas se implementaba de forma simultánea. Ahora usamos una solución más eficiente y ligera, la combinación de JavaScript y CSS, para llevar un seguimiento de las visualizaciones de la página de fuentes web sin que la velocidad del sitio web se vea afectada. Así logramos agilizar los tiempos de carga y ofrecer una experiencia más cómoda.
Puede seguir usándose la implementación anterior, pero también cambiar a esta nueva para disfrutar de un mejor rendimiento.
Vinculación de estilos anterior
Vinculación de estilos nueva
¿Cómo puede aprovechar mejor un usuario existente el nuevo enfoque de JavaScript + CSS asíncrono?
En los recursos existentes solo se tendrá acceso al código de incrustación CSS anterior, ya que la última implementación existe únicamente para los recursos web que se creen a partir de ahora. No obstante, se puede seguir utilizando este nuevo enfoque para actualizar el proyecto web y, por ejemplo, añadir o eliminar una fuente o un subconjunto, o incluso para hacer duplicados.