Home » Web » CSS » How To Rename a Font in CSS

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 ArticlePermalink


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

Feed Source: CSS-Tricks
Article Source: How To Rename a Font in CSS

About Admin

Powered by WP Robot