Formular Mono with Foundation Display in action on foundation.app

Under the hood

  • .header-1 { font-family: "Foundation Display", Roobert, -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 105px; font-style: normal; font-weight: 500; letter-spacing: -2px; line-height: 84px; text-transform: uppercase; color: #FFFFFF; }
  • .content-1 { font-family: "Formular Mono", Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 27px; text-transform: none; color: #FFFFFF; }

Related samples

Close