The @font-palette-values at-rule represents a color palette used in a multi-color font. It lets you pick between the font’s preexisting palettes and […]

@font-palette-values --blue {
    font-family: Bungee Spice;
    override-colors: 0 lch(88% 91 144), 1 lch(72% 49 241);
}

The @font-face at-rule lets us define custom fonts beyond the user’s pre-installed fonts, both from local and remote font services. In other […]

@font-face {
    font-family: "CustomFont"; 
    src:  url("CustomFont.woff2") format("woff2"),  
          url("CustomFont.woff") format("woff"); 
    font-weight: normal;
}

The @font-feature-values at-rule gives a human-readable name to the font’s settings seen in font-feature-settings, such as style sets, ornaments, and swashes.

@font-feature-values Noble Company {
    @stylistic {
        curly: 1; /* Sets ss01 on */
    }
}