Other Properties
@font-face {
font-family: '...';
src: url('#') format('...');
font-weight: ;
font-style: ;
}
If you intend to make more than one version of a font available, such as bold or true italic, you will have to also include these font packages and tell the browser as much.
When importing a font with @font-face, there are two additional properties that can be set, font-weight: and font-style: . Setting these during font import makes them available to the browser.
To use the font, then simply specify the weight and/or style in the CSS element rule, matching what you specified during font import.