Skip to content

Instantly share code, notes, and snippets.

@Merovex

Merovex/font-family-serif.scss

Last active September 30, 2020 11:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Merovex/2a4d9d26783f3698b8857ecfd93a5740 to your computer and use it in GitHub Desktop.
Save Merovex/2a4d9d26783f3698b8857ecfd93a5740 to your computer and use it in GitHub Desktop.
Download ZIP
Baseline the Serif font to the OS defaults, similar to what is used in Bootstrap's Reboot (same mix seen in dozens of websites using serif in body.
Raw
font-family-serif.scss
// font-family: Cambria, Georgia, "Times New Roman", Times, serif;
// Noto Serif found on modern Android and many Linux distros.
// Times is Mac OS
// Georgia is a classic serif font that I have seen leading this everywhere.
$font-family-sans-serif: Cambria, Georgia, "Noto Serif", "Times New Roman", Times, serif;
@Merovex
Copy link
Author

Merovex commented Sep 30, 2020 •
edited

Problem with this stack is Georgia's numbers seem a bit odd, which is corrected if you buy the Georgia Pro font. Cambria seems to address this up front.

cambriafontforpowerpoint
GeorgiaSpecimenAIB
Noto_Sans_ _Serif
792px-Times_New_Roman-sample

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment