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


Share this post

Leave a Reply

Your email address will not be published. Required fields are marked *