v1.6

Typography Arranging type to be legible, readable, and appealing when screen displayed.

CSS Source

Font Sets Jump to heading

Consistent and accurate usage of our approved typefaces reinforce our brand identity.

  • Sans
    Aa

    Figtree

    • ABCDEFGHIJKLMNOPQRSTUVWXYZ
    • abcdefghijklmnopqrstuvwxyz
    • (.,;:'"$#@!&*) 0123456789
  • Serif
    Aa

    Literata

    • ABCDEFGHIJKLMNOPQRSTUVWXYZ
    • abcdefghijklmnopqrstuvwxyz
    • (.,;:'"$#@!&*) 0123456789
  • mono
    Aa

    JetBrains Mono

    • ABCDEFGHIJKLMNOPQRSTUVWXYZ
    • abcdefghijklmnopqrstuvwxyz
    • (.,;:'"$#@!&*) 0123456789
  • Websafe
    Aa

    Arial

    • ABCDEFGHIJKLMNOPQRSTUVWXYZ
    • abcdefghijklmnopqrstuvwxyz
    • (.,;:'"$#@!&*) 0123456789

Google Fonts Embed Jump to heading

Example Google Fonts head link markup for use in your application or sample prototype.

<link href="//fonts.googleapis.com" rel="preconnect" />
<link href="//fonts.gstatic.com" rel="preconnect" />
<link href="//fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&display=swap" rel="stylesheet" />

Live Demo Jump to heading

🚧 WORK IN PROGRESS!
Example typography content with various combinations in action.

No results...