@font-face question

Get Help CSS
,
#1

Is this example acceptable

@font-face {
  font-family: 'Merriweather';
  font-style: normal, italic;
  font-weight: 400, 500, 800;
}

The video walkthrough on the project does this instead of creating separate ones.

Sorry, my first thread and idk how I should link the part I’m on. I understand @font-face, I’m just thrown off a little cos nothing so far has said you can do this and I’m struggling to find anything else about it. Thanks

#2

I looked at the documentation here: @font-face - CSS: Cascading Style Sheets | MDN

I’m confused as to why font-weight has 3 values and not just 2. Also confuses me why this descriptor doesn’t have

src: url(" ") format(" ");

somewhere to link to the particular font.

I haven’t watched the video but I would stick with official documentation!

#3

I’m literally only confused by having more than one value. Throughout the course I’m doing, it’s not said anything about being able to have more than one value (In fact, the course I’m doing is great for that. Asking me to complete challenges I haven’t covered the topics to yet.)
It works, and I get how it works, and why…

Prior to the video however, I thought you had to have a @font-face for each font and it’s respective weight/style.
Example:

EXAMPLE 1
@font-face {
  font-family: 'example';
  font-style: normal, italic;
  font-weight: 400, 500;
}

Should be (according to the video) the same as:

EXAMPLE 2
@font-face {
  font-family: 'example';
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'example';
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'example';
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: 'example';
  font-style: italic;
  font-weight: 500;
}

I was wondering if ‘EXAMPLE 1’ was correct, because it’s way more efficient than having to write it out like in ‘EXAMPLE 2’