Ivy Mode with Lexend in action on ranchosantana.com

Under the hood

  • .header-1 { font-family: ivymode, sans-serif; font-size: 94px; font-style: normal; font-weight: 600; letter-spacing: 1px; line-height: 94px; text-transform: none; color: #FFFCF0; }
  • .content-1 { font-family: Lexend, sans-serif; font-size: 21px; font-style: normal; font-weight: 300; letter-spacing: normal; line-height: 32px; text-transform: none; color: #FFFCF0; }
  • .content-2 { font-family: Lexend, sans-serif; font-size: 18px; font-style: normal; font-weight: 500; letter-spacing: normal; line-height: 32px; text-transform: none; color: #FFFCF0; }

Ivy Mode is available from Adobe Fonts and Typekit.

Lexend is available from Google Web Fonts.

Close