Mona Sans in action on github.com

Under the hood

  • .header-1 { font-family: "Mona Sans", "Mona Sans Header Fallback", -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 24px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 28px; text-transform: none; color: #FFFFFF; }
  • .header-2 { font-family: "Mona Sans", "Mona Sans Header Fallback", -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 48px; font-style: normal; font-weight: 500; letter-spacing: -1px; line-height: 52px; text-transform: none; color: #FFA28B; }
  • .header-3 { font-family: "Mona Sans", "Mona Sans Header Fallback", -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 48px; font-style: normal; font-weight: 500; letter-spacing: -1px; line-height: 52px; text-transform: none; color: #FFFFFF; }

Related samples

Close