@font-face { font-family: venrynsans-regular; src: url($venrynsans-regular) format('woff2'); } @font-face { font-family: roboto-regular; src: url($roboto-regular) format('woff2'); } @font-face { font-family: jetbrainsmono; src: url($jetbrainsmono) format('woff2'); } :root { --heading-font-family: venrynsans-regular; --font-family: venrynsans-regular, sans-serif; } p, .cooked { font-family: roboto-regular; --font-family: roboto-regular, serif; } code { font-family: jetbrainsmono; --font-family: jetbrainsmono, sans-serif; }