Style linking is the usage of font-face declarations for multiple styles linked to the same font family name, as opposed to using a different family name for each font style.
This section will help you understand
What are web projects and digital ads?
Web Projects
Web projects are organizational tools for your library that provide access to the web font format of your fonts and allow you to group them together in one accessible place.
Click here, to learn more about web projects.
Digital ads
Like web projects, digital ads in Monotype Fonts are another grouping option for organizing your font library and preparing your web fonts for use in HTML5 advertisements (ads).
Click here, to learn more about digital ads.
What are the various methods for defining web fonts in CSS?
There are two ways to define web fonts in CSS:
Family-linked web font definitions, where descriptors within the font-face property are used to further detail which exact font style is to be used within a specific font family. This is the current industry standard.
Individual web font definitions, which involve separate font-face definitions for each individual web font in the family.
How do I style link an existing digital asset?
Log in to the Monotype Fonts web platform.
Click My Library and choose a digital asset from the left panel.
You’ll see the banner stating that Style Linking is now available on Monotype Fonts on the selected asset. This is because the asset uses the old approach to style linking.
Click the vertical ellipsis icon
and select Duplicate from the drop-down menu. The asset will get duplicated successfully.
Note: The user must have edit or co-owner access to duplicate the digital assets.
This action creates a copy of the embed code for the linked style in new format, and displays a new banner This web project/digital ad follows style linking.
Click </> Embed Code to view the font style for that web project and copy all the CSS elements.
How is the embed code in the new style linking different from the old one?
The concept behind the old and new approach to style linking remains unchanged. The only difference is that we've now added a new CSS property called font-weight, which specifies the thickness of a font. All the font styles are now linked into a single font family.
Old style linking
New style linking