CSS Modern Font Stacks
source link: https://gist.github.com/don1138/5761014
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Instantly share code, notes, and snippets.
Thanks for this - super useful.
There's a stray comma in the wrong place on the Georgia based stack which breaks it "DejaVu Serif,"
should be "DejaVu Serif",
Cheers,
Author
don1138 commented Jul 16, 2019
Fixed it – Thanks for the tip.
Always helpful. Thanks for this.
Thank you.
camslice commented Jun 1, 2021 •
Thanks Don, a great reference. I noticed another small issue: "Bitstream Vera Sans" is repeated in the Trebuchet-based sans serif rule. Not sure if you intended it to come before or after "DejaVu Sans"
Fixed it – Thanks for catching that.
I think I grabbed these stacks from css-tricks.com, and I'm pretty sure they grabbed them from this 2009 article, where you can see the same Bitstream Vera Sans error in the Trebuchet stack. And it looks like one or both of them copied from an even earlier article, but somehow doubled BVS in their mods. I updated based on the original, correct source, which is definitely worth reading to understand the strategy behind them.
In any case, it's impressive that these stacks still (mostly) hold up after all these years.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK