/* Self-hosted fonts (latin subset), served from /fonts so the app works offline. The themes use IBM Plex Sans, IBM Plex Mono, Sora and the NUtec fonts below; the rest can be picked in Settings > Appearance. A browser only downloads the ones in use. Sources: Fontsource packages; licences in /fonts/licenses. */ @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 100 700; font-display: swap; src: url(../fonts/IBMPlexSans-var.woff2) format('woff2'); } @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/IBMPlexMono-400.woff2) format('woff2'); } @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/IBMPlexMono-500.woff2) format('woff2'); } @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600 800; font-display: swap; src: url(../fonts/IBMPlexMono-600.woff2) format('woff2'); } @font-face { font-family: 'Sora'; font-style: normal; font-weight: 100 800; font-display: swap; src: url(../fonts/Sora-var.woff2) format('woff2'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../fonts/Inter-var.woff2) format('woff2'); } @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(../fonts/SpaceGrotesk-var.woff2) format('woff2'); } @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 100 800; font-display: swap; src: url(../fonts/JetBrainsMono-var.woff2) format('woff2'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../fonts/Roboto-var.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(../fonts/OpenSans-var.woff2) format('woff2'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../fonts/Montserrat-var.woff2) format('woff2'); } @font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 200 900; font-display: swap; src: url(../fonts/SourceSans3-var.woff2) format('woff2'); } @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 200 1000; font-display: swap; src: url(../fonts/Nunito-var.woff2) format('woff2'); } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../fonts/WorkSans-var.woff2) format('woff2'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 100 1000; font-display: swap; src: url(../fonts/DMSans-var.woff2) format('woff2'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 100 500; font-display: swap; src: url(../fonts/Lato-400.woff2) format('woff2'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 600 900; font-display: swap; src: url(../fonts/Lato-700.woff2) format('woff2'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../fonts/NotoSans-var.woff2) format('woff2'); } /* NUtec brand fonts (licensed, from the private NUtec-Digital-Ink/nutec-web-style-guide repo). Futura Std for text, Syntax for page titles, Bauhaus Std for big numbers (the NUtec theme). Weights are mapped for how the hub uses them: headings are weight 600 and the brand sets sub-headings in Futura Medium (Bold is too heavy), so Medium covers 500-600. Page titles in the NUtec theme are weight 600 (--display-weight) and should be Syntax Black: Black is given 600 and 800-900 in two rules, leaving 700 to Bold. */ @font-face { font-family: 'Futura Std'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fonts/nutec/FuturaStd-Light.otf) format('opentype'); } @font-face { font-family: 'Futura Std'; font-style: italic; font-weight: 300; font-display: swap; src: url(../fonts/nutec/FuturaStd-LightOblique.otf) format('opentype'); } @font-face { font-family: 'Futura Std'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/nutec/FuturaStd-Book.otf) format('opentype'); } @font-face { font-family: 'Futura Std'; font-style: italic; font-weight: 400; font-display: swap; src: url(../fonts/nutec/FuturaStd-BookOblique.otf) format('opentype'); } @font-face { font-family: 'Futura Std'; font-style: normal; font-weight: 500 600; font-display: swap; src: url(../fonts/nutec/FuturaStd-Medium.otf) format('opentype'); } @font-face { font-family: 'Futura Std'; font-style: italic; font-weight: 500 600; font-display: swap; src: url(../fonts/nutec/FuturaStd-MediumOblique.otf) format('opentype'); } @font-face { font-family: 'Futura Std'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/nutec/FuturaStd-Bold.otf) format('opentype'); } @font-face { font-family: 'Futura Std'; font-style: italic; font-weight: 700; font-display: swap; src: url(../fonts/nutec/FuturaStd-BoldOblique.otf) format('opentype'); } @font-face { font-family: 'Futura Std'; font-style: normal; font-weight: 800 900; font-display: swap; src: url(../fonts/nutec/FuturaStd-Heavy.otf) format('opentype'); } @font-face { font-family: 'Futura Std'; font-style: italic; font-weight: 800 900; font-display: swap; src: url(../fonts/nutec/FuturaStd-HeavyOblique.otf) format('opentype'); } @font-face { font-family: 'Syntax'; font-style: normal; font-weight: 400 500; font-display: swap; src: url(../fonts/nutec/SyntaxLTStd-Roman.otf) format('opentype'); } @font-face { font-family: 'Syntax'; font-style: italic; font-weight: 400; font-display: swap; src: url(../fonts/nutec/SyntaxLTStd-Italic.otf) format('opentype'); } @font-face { font-family: 'Syntax'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/nutec/SyntaxLTStd-Black.otf) format('opentype'); } @font-face { font-family: 'Syntax'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/nutec/SyntaxLTStd-Bold.otf) format('opentype'); } @font-face { font-family: 'Syntax'; font-style: normal; font-weight: 800 900; font-display: swap; src: url(../fonts/nutec/SyntaxLTStd-Black.otf) format('opentype'); } @font-face { font-family: 'Bauhaus Std'; font-style: normal; font-weight: 400 500; font-display: swap; src: url(../fonts/nutec/BauhausStd-Medium.otf) format('opentype'); } @font-face { font-family: 'Bauhaus Std'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/nutec/BauhausStd-Demi.otf) format('opentype'); } @font-face { font-family: 'Bauhaus Std'; font-style: normal; font-weight: 700 900; font-display: swap; src: url(../fonts/nutec/BauhausStd-Bold.otf) format('opentype'); }