Suggest an editImprove this articleRefine the answer for “What does the @font-face rule do?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`@font-face`** is a CSS rule that lets you load a custom font from a local file and use it through `font-family`. **Key point:** the browser loads the specified file (for example, `.woff2`) and applies it just like a regular font.Shown above the full answer for quick recall.Answer (EN)Image`@font-face` lets you load a custom font (a local file) and use it through `font-family`. Example: ```css @font-face { font-family: "MyFont"; src: url("fonts/MyFont.woff2") format("woff2"); } p { font-family: "MyFont", sans-serif; } ``` With `@font-face`, the browser will load the specified file and apply it like a regular font.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.