Modern Font Stacks - सिस्टम फ़ॉन्ट का उपयोग करने वाले फ़ॉन्ट स्टैक

• नवीनतम OS के 'system fonts' का उपयोग करने वाले फ़ॉन्ट स्टैक CSS उपलब्ध कराता है
• ये built-in fonts हैं, इसलिए webfont डाउनलोड की ज़रूरत नहीं होती और तेज़ वेबपेज बनाए जा सकते हैं
• 15 तरह के टाइपफेस
  • System UI : OS के डिफ़ॉल्ट UI फ़ॉन्ट
    • font-family: system-ui, sans-serif;
    • Mac/iOS में San Francisco, Windows में Segoe UI, Android में Roboto, Linux में Ubuntu आदि उपयोग होते हैं
  • Transitional : नए और पुराने का संतुलन
    • font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
  • Old Style : गोल serif इसकी विशेषता है; Renaissance युग के फ़ॉन्ट
    • font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
  • Humanist : ऑर्गेनिक calligraphy रूप, Renaissance युग की हस्तलिपि से प्रेरित। अन्य sans-serif की तुलना में पढ़ने में आसान
    • font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
  • Geometric Humanist : समान stroke width इसकी विशेषता है, इसलिए अक्सर headline में उपयोग होता है
    • font-family: Avenir, 'Avenir Next LT Pro', Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
  • Classical Humanist : serif पर समाप्त नहीं होता, बल्कि stroke के अंत में हल्का-सा चौड़ा हो जाता है
    • font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
  • Neo-Grotesque : 19वीं सदी के अंत से 20वीं सदी की शुरुआत में विकसित sans-serif स्टाइल
    • font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
  • Monospace Slab Serif : fixed-width अक्षर। सरल। रिपोर्ट, तालिका और तकनीकी दस्तावेज़ों में typewriter output का emulation
    • font-family: 'Nimbus Mono PS', 'Courier New', 'Cutive Mono', monospace;
  • Monospace Code : प्रोग्रामिंग के लिए। fixed-width और पढ़ने में आसान
    • font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
  • Industrial : 19वीं सदी के उत्तरार्ध में शुरू हुआ। bold sans-serif, सरल और सीधे आकार
    • font-family: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
  • Rounded Sans : गोल किनारों के कारण अधिक मुलायम और दोस्ताना एहसास। बच्चों के लिए अनुकूल
    • font-family: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;
  • Slab Serif : अक्षरों के सिरों पर मोटे और block जैसे serif
    • font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
  • Antique : 19वीं सदी में लोकप्रिय। block जैसे serif और मोटाई में समान, भारी strokes इसकी विशेषता हैं
    • font-family: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;
  • Didone : आधुनिक टाइपफेस। मोटे strokes। बिना bracketing वाले hairline serif
    • font-family: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;
  • Handwritten : हस्तलिखित शैली
    • font-family: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;

[xguru]

GitHub पेज पर जाकर आप आसानी से तुलना कर सकते हैं कि यह हर OS पर कैसा दिखता है.
https://github.com/system-fonts/modern-font-stacks