How To Rename a Font in CSS

Nothin’ like some good ol’ fashioned CSS trickery. Zach Leatherman documents how you can use @font-face blocks with local() sources to redefine a font-family. It can actually be a bit useful as well, by essentially being an abstraction for your font stack.
@font-face {
font-family: My San Francisco Alias;
src: local(system-ui), local(-apple-system), local(‘.SFNSText-Regular’);
}
p {
font-family: My San Francisco Alias, fantasy;
}
Direct Link to Article — Permalink…

How To Rename a Font in CSS is a post from CSS-Tricks

Link: https://www.zachleat.com/web/rename-font/