Other Properties

100% Complete (success)

@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.