Font-face property

I have come upon this property font-face: 50px. I am lost I do not know what does it mean? it it a typo meaning font-family or is just something completely different.

@font-face

We will need to read the specs to see if 50px is a valid value.

The thing that makes the most sense is,

font-size: 50px;

where dimension comes into play.

I am doing the project for CSS documentation, one of the design specification is:
color: white;
font-size: 20px;
font-face: Roboto-Regular;
line-height: 1.4;

This is the first time I have seen font-face property, usually it is font-family. I do not know if this is a typo error.

If there is no desired effect then it must be a typo. As mentioned above, font-face is an @ property, meaning (to me at least) that the font is imported. We would have no need for this syntax on a resident font.

font-family

is the given property for expected fonts.

Thank you mtf I really appreciated

1 Like