What’s the deal with declaring font properties on @font-face?

---

I hope you read that title out loud in your best Seinfeld impression.

A recent question in our forums made me aware that there are more properties that can be added to @font-face than the usual font-family and src suspects. What are the point of those? Why would you want to declare other font declarations there?

I'm used to writing @font-face essentially like this:

@font-face {
font-family: "My Custom Font";
src: url("path/to-font-file.woff2");
}

But the spec does indeed include more …

---

What’s the deal with declaring font properties on @font-face? is a post from CSS-Tricks

Thanks to: CSS-Tricks Permanent link