Use Swashes and Alternates Sparingly
Swashes and stylistic alternates add flair to logos and display text but distract in body copy. Apply them to specific letters for memorability. Find swashes in italic variants or separate font files.
Incorrect (swashes enabled globally):
body {
font-feature-settings: "swsh", "salt"; /* swashes in body text */
}Correct (swashes only on display elements):
body {
font-feature-settings: "kern", "liga", "calt";
}
.logo {
font-feature-settings: "kern", "liga", "swsh";
}
/* Enable swash on a specific letter */
.logo .initial {
font-feature-settings: "swsh" 1;
}font-feature-settings: "ss01" through "ss20" access numbered stylistic sets (curated alternate glyph collections).