2 6. Typography
athena edited this page 4 months ago

Typography

By default, Jupiter has styles for all headings and paragraphs. Many times, though, the defaults just don't do what you need them to. Jupiter has a variety of classes for customizing the typography of your website. They are listed below:

  • Font size
    • Prefix all classes below with .fs-
    • xs
    • sm
    • base
    • lg
    • xl
    • 2xl
    • 3xl
    • 4xl
    • 5xl
    • 6xl
    • 7xl
    • 8xl
    • 9xl
    • 10xl
  • Transform
    • text-upper
    • text-lower
    • text-capitalize
  • Font weight
    • Prefix all classes below with .fw-
    • 100
    • 200
    • 300
    • 400
    • 500
    • 600
    • 700
    • 800
    • 900
  • Letter spacing
    • Prefix all classes below with .ls-
    • xxs
    • xs
    • sm
    • normal
    • md
    • lg
  • Alignment
    • .text-[l, c, r]

Next: 7. Styles