TT Commons in action on santorio.org

Under the hood

.header-1 { font-family: TTCommons, -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: 20px; font-style: normal; font-weight: 700; letter-spacing: normal; line-height: 24px; text-transform: none; color: #999999; }
.header-2 { font-family: TTCommons, -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: 42px; font-style: normal; font-weight: 200; letter-spacing: normal; line-height: 47px; text-transform: none; color: #222222; }
.content-1 { font-family: TTCommons, -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: 300; letter-spacing: normal; line-height: 31px; text-transform: none; color: #6D6D6D; }