Public Sans with UI Sans Serif in action on lens.dev

Under the hood

  • .content-1 { font-family: "Public Sans"; font-size: 20px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 30px; text-transform: none; color: #00501E; }
  • .content-2 { font-family: ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 30px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 48px; text-transform: none; color: #00501E; }
  • .content-3 { font-family: ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 30px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 48px; text-transform: none; color: #00501E; }
  • .content-4 { font-family: ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 24px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 32px; text-transform: none; color: #00501E; }
  • .content-5 { font-family: ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 18px; font-style: normal; font-weight: 600; letter-spacing: normal; line-height: 28px; text-transform: none; color: #00501E; }

Public Sans is available from Google Web Fonts.

Related samples

Published on 8 Feb 2022.

Close