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.
¿En qué se diferencia el código de incrustación de la nueva forma de vincular estilos del anterior?
La idea detrás de la nueva forma de vincular estilos sigue siendo la misma. La única diferencia con la anterior es que se ha añadido una nueva propiedad de CSS llamada «font-weight», que especifica el peso de una fuente. Todos los estilos de fuente se vinculan con una única familia de fuentes.
método antiguo
nuevo formato