/* * Self-hosted, open-source fonts. Drop the font files into assets/fonts/ * (see assets/fonts/README.txt for exact names and download sources). Each * rule lists woff2 first (smallest) then ttf, so either format works. * * DejaVu Sans UI / body text (Tahoma/Verdana-like, very legible) * DejaVu Sans Mono LED counter, version and code strings * Pixel Operator the "Venoll" wordmark in the masthead (retro pixel) */ @font-face{ font-family:"DejaVu Sans"; font-style:normal; font-weight:400; font-display:swap; src:url("../fonts/DejaVuSans.woff2") format("woff2"), url("../fonts/DejaVuSans.ttf") format("truetype"); } @font-face{ font-family:"DejaVu Sans"; font-style:normal; font-weight:700; font-display:swap; src:url("../fonts/DejaVuSans-Bold.woff2") format("woff2"), url("../fonts/DejaVuSans-Bold.ttf") format("truetype"); } @font-face{ font-family:"DejaVu Sans Mono"; font-style:normal; font-weight:400; font-display:swap; src:url("../fonts/DejaVuSansMono.woff2") format("woff2"), url("../fonts/DejaVuSansMono.ttf") format("truetype"); } @font-face{ font-family:"Pixel Operator"; font-style:normal; font-weight:700; font-display:swap; src:url("../fonts/PixelOperator-Bold.woff2") format("woff2"), url("../fonts/PixelOperator-Bold.ttf") format("truetype"); } /* Font tokens live on :root so (outside #vr-root) can use them too. Each stack keeps period-correct system fonts as a fallback until the webfont loads or if a file is missing. */ :root{ --vr-font-ui: "DejaVu Sans", Tahoma, Geneva, Verdana, sans-serif; --vr-font-mono: "DejaVu Sans Mono", "Courier New", monospace; --vr-font-display: "Pixel Operator", "DejaVu Sans", Tahoma, sans-serif; }